Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1 
.rui-breadcrumbs {
2 
  margin-top: 2px;
3 
  margin-bottom: 20px;
4 
}
5 
 
6 
.breadcrumb,
7 
.coursefilesbreadcrumb {
8 
  display: flex;
9 
  flex-wrap: wrap;
10 
  padding: 0 2px;
11 
  margin: 0;
12 
 
13 
  z-index: 0;
14 
 
15 
  @include font-size($breadcrumb-font-size);
16 
  list-style: none;
17 
 
18 
  @include media-breakpoint-between(xs, sm) {
19 
    width: max-content;
20 
    justify-content: center;
21 
    margin: 0 auto;
22 
  }
23 
}
24 
 
25 
.breadcrumbs-container {
26 
  @include media-breakpoint-up(lg) {
27 
    width: 100%;
28 
  }
29 
 
30 
  @include media-breakpoint-between(xs, sm) {
31 
    margin-left: auto;
32 
    margin-right: auto;
33 
    padding: 0 0 5px;
34 
    overflow-x: auto;
35 
 
36 
    .pagelayout-incourse &,
37 
    .pagelayout-course & {
38 
      width: calc(100% - 100px);
39 
    }
40 
  }
41 
 
42 
}
43 
 
44 
.breadcrumb--in-content {
45 
  margin: 0;
46 
}
47 
 
48 
.breadcrumb-item {
49 
  display: flex;
50 
  color: $breadcrumb-color;
51 
 
52 
  &:hover {
53 
    color: $link-hover-color;
54 
  }
55 
 
56 
  .theme-dark & {
57 
    color: $dm-breadcrumb-color;
58 
  }
59 
 
60 
  &:first-child {
61 
    a {
62 
      color: $gray-600;
63 
 
64 
      .theme-dark & {
65 
        color: $dm-gray-600;
66 
      }
67 
    }
68 
  }
69 
 
70 
  .text-truncate {
71 
    max-width: 300px;
72 
  }
73 
 
74 
  // The separator between breadcrumbs (by default, a forward-slash: "/")
75 
  +.breadcrumb-item {
76 
    padding-left: $breadcrumb-item-padding;
77 
 
78 
    &::before {
79 
      display: inline-flex; // Suppress underlining of the separator in modern browsers
80 
      align-items: center;
81 
      padding-right: $breadcrumb-item-padding;
82 
      font-size: 12px;
83 
      color: $breadcrumb-divider-color;
84 
      content: escape-svg($breadcrumb-divider);
85 
 
86 
      .theme-dark & {
87 
        color: $dm-breadcrumb-divider-color;
88 
      }
89 
    }
90 
  }
91 
 
92 
  &.breadcrumb-item--last {
93 
    opacity: .6;
94 
  }
95 
 
96 
  .breadcrumb--in-content & {
97 
    max-width: 300px;
98 
 
99 
    a {
100 
      &:before {
101 
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='#{url-friendly-colour($breadcrumb-color)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6.75 15.25V6.75H15.25'%3E%3C/path%3E%3Cpath stroke='#{url-friendly-colour($breadcrumb-color)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 7L17.25 17.25'%3E%3C/path%3E%3C/svg%3E%0A");
102 
        background-repeat: no-repeat;
103 
        background-position: 0;
104 
        background-size: 18px;
105 
        width: 17px;
106 
        height: 17px;
107 
 
108 
        .theme-dark & {
109 
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='#{url-friendly-colour($dm-breadcrumb-color)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6.75 15.25V6.75H15.25'%3E%3C/path%3E%3Cpath stroke='#{url-friendly-colour($dm-breadcrumb-color)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 7L17.25 17.25'%3E%3C/path%3E%3C/svg%3E%0A");
110 
        }
111 
      }
112 
    }
113 
  }
114 
 
115 
  // IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built
116 
  // without `<ul>`s. The `::before` pseudo-element generates an element
117 
  // *within* the .breadcrumb-item and thereby inherits the `text-decoration`.
118 
  //
119 
  // To trick IE into suppressing the underline, we give the pseudo-element an
120 
  // underline and then immediately remove it.
121 
  +.breadcrumb-item:hover::before {
122 
    text-decoration: underline;
123 
  }
124 
 
125 
  // stylelint-disable-next-line no-duplicate-selectors
126 
  +.breadcrumb-item:hover::before {
127 
    text-decoration: none;
128 
  }
129 
 
130 
 
131 
  &.active {
132 
    color: $breadcrumb-active-color;
133 
 
134 
    &:after {
135 
      content: '';
136 
      background-color: $primary-color-100;
137 
 
138 
      border-radius: $btn-border-radius;
139 
 
140 
      position: absolute;
141 
      left: -3px;
142 
      top: -2px;
143 
      width: calc(100% + 6px);
144 
      height: calc(100% + 4px);
145 
      z-index: -1;
146 
 
147 
      .theme-dark & {
148 
        background-color: $dm-gray-700;
149 
      }
150 
    }
151 
 
152 
    .theme-dark & {
153 
      color: $dm-breadcrumb-active-color;
154 
    }
155 
  }
156 
 
157 
  .breadcrumbs-textonly {
158 
    margin: 0.25rem 0;
159 
    display: grid;
160 
    color: $breadcrumb-active-color;
161 
 
162 
    .theme-dark & {
163 
      color: $dm-breadcrumb-active-color;
164 
    }
165 
  }
166 
 
167 
  a,
168 
  .breadcrumbs-textonly {
169 
    position: relative;
170 
    display: inline-flex;
171 
    z-index: 1;
172 
 
173 
    padding: 3px 8px;
174 
    margin: 0.25rem 0;
175 
 
176 
    transition: $transition-base;
177 
  }
178 
 
179 
  a {
180 
    color: $breadcrumb-color;
181 
    font-weight: $font-weight-medium;
182 
 
183 
    .theme-dark & {
184 
      color: $dm-breadcrumb-color;
185 
    }
186 
 
187 
    .text-truncate {
188 
      display: inline-block;
189 
      max-width: 200px;
190 
    }
191 
 
192 
    &:hover {
193 
      text-decoration: none;
194 
      color: $primary-color-600;
195 
 
196 
      .theme-dark & {
197 
        color: $dm-breadcrumb-active-color;
198 
      }
199 
 
200 
      &:after {
201 
        content: '';
202 
        background-color: $primary-color-100;
203 
 
204 
        border-radius: $btn-border-radius;
205 
 
206 
        position: absolute;
207 
        left: -3px;
208 
        top: -2px;
209 
        width: calc(100% + 6px);
210 
        height: calc(100% + 4px);
211 
        z-index: -1;
212 
 
213 
        .theme-dark & {
214 
          background-color: $primary-color-800;
215 
        }
216 
      }
217 
    }
218 
  }
219 
}