Proyectos de Subversion Moodle

Rev

Rev 1 | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1441 ariadna 1 
// scss-docs-start caret-mixins
2 
@mixin caret-down($width: $caret-width) {
3 
  border-top: $width solid;
4 
  border-right: $width solid transparent;
1 efrain 5 
  border-bottom: 0;
1441 ariadna 6 
  border-left: $width solid transparent;
1 efrain 7 
}
8 
 
1441 ariadna 9 
@mixin caret-up($width: $caret-width) {
1 efrain 10 
  border-top: 0;
1441 ariadna 11 
  border-right: $width solid transparent;
12 
  border-bottom: $width solid;
13 
  border-left: $width solid transparent;
1 efrain 14 
}
15 
 
1441 ariadna 16 
@mixin caret-end($width: $caret-width) {
17 
  border-top: $width solid transparent;
1 efrain 18 
  border-right: 0;
1441 ariadna 19 
  border-bottom: $width solid transparent;
20 
  border-left: $width solid;
1 efrain 21 
}
22 
 
1441 ariadna 23 
@mixin caret-start($width: $caret-width) {
24 
  border-top: $width solid transparent;
25 
  border-right: $width solid;
26 
  border-bottom: $width solid transparent;
1 efrain 27 
}
28 
 
1441 ariadna 29 
@mixin caret(
30 
  $direction: down,
31 
  $width: $caret-width,
32 
  $spacing: $caret-spacing,
33 
  $vertical-align: $caret-vertical-align
34 
) {
1 efrain 35 
  @if $enable-caret {
36 
    &::after {
37 
      display: inline-block;
1441 ariadna 38 
      margin-left: $spacing;
39 
      vertical-align: $vertical-align;
1 efrain 40 
      content: "";
41 
      @if $direction == down {
1441 ariadna 42 
        @include caret-down($width);
1 efrain 43 
      } @else if $direction == up {
1441 ariadna 44 
        @include caret-up($width);
45 
      } @else if $direction == end {
46 
        @include caret-end($width);
1 efrain 47 
      }
48 
    }
49 
 
1441 ariadna 50 
    @if $direction == start {
1 efrain 51 
      &::after {
52 
        display: none;
53 
      }
54 
 
55 
      &::before {
56 
        display: inline-block;
1441 ariadna 57 
        margin-right: $spacing;
58 
        vertical-align: $vertical-align;
1 efrain 59 
        content: "";
1441 ariadna 60 
        @include caret-start($width);
1 efrain 61 
      }
62 
    }
63 
 
64 
    &:empty::after {
65 
      margin-left: 0;
66 
    }
67 
  }
68 
}
1441 ariadna 69 
// scss-docs-end caret-mixins