Proyectos de Subversion Moodle

Rev

Rev 1 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

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