Proyectos de Subversion Moodle

Rev

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

Rev Autor Línea Nro. Línea
1 efrain 1
// stylelint-disable property-disallowed-list
2
// Single side border-radius
3
 
4
// Helper function to replace negative values with 0
5
@function valid-radius($radius) {
6
  $return: ();
7
  @each $value in $radius {
8
    @if type-of($value) == number {
9
      $return: append($return, max($value, 0));
10
    } @else {
11
      $return: append($return, $value);
12
    }
13
  }
14
  @return $return;
15
}
16
 
1441 ariadna 17
// scss-docs-start border-radius-mixins
1 efrain 18
@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {
19
  @if $enable-rounded {
20
    border-radius: valid-radius($radius);
21
  }
22
  @else if $fallback-border-radius != false {
23
    border-radius: $fallback-border-radius;
24
  }
25
}
26
 
1441 ariadna 27
@mixin border-top-radius($radius: $border-radius) {
1 efrain 28
  @if $enable-rounded {
29
    border-top-left-radius: valid-radius($radius);
30
    border-top-right-radius: valid-radius($radius);
31
  }
32
}
33
 
1441 ariadna 34
@mixin border-end-radius($radius: $border-radius) {
1 efrain 35
  @if $enable-rounded {
36
    border-top-right-radius: valid-radius($radius);
37
    border-bottom-right-radius: valid-radius($radius);
38
  }
39
}
40
 
1441 ariadna 41
@mixin border-bottom-radius($radius: $border-radius) {
1 efrain 42
  @if $enable-rounded {
43
    border-bottom-right-radius: valid-radius($radius);
44
    border-bottom-left-radius: valid-radius($radius);
45
  }
46
}
47
 
1441 ariadna 48
@mixin border-start-radius($radius: $border-radius) {
1 efrain 49
  @if $enable-rounded {
50
    border-top-left-radius: valid-radius($radius);
51
    border-bottom-left-radius: valid-radius($radius);
52
  }
53
}
54
 
1441 ariadna 55
@mixin border-top-start-radius($radius: $border-radius) {
1 efrain 56
  @if $enable-rounded {
57
    border-top-left-radius: valid-radius($radius);
58
  }
59
}
60
 
1441 ariadna 61
@mixin border-top-end-radius($radius: $border-radius) {
1 efrain 62
  @if $enable-rounded {
63
    border-top-right-radius: valid-radius($radius);
64
  }
65
}
66
 
1441 ariadna 67
@mixin border-bottom-end-radius($radius: $border-radius) {
1 efrain 68
  @if $enable-rounded {
69
    border-bottom-right-radius: valid-radius($radius);
70
  }
71
}
72
 
1441 ariadna 73
@mixin border-bottom-start-radius($radius: $border-radius) {
1 efrain 74
  @if $enable-rounded {
75
    border-bottom-left-radius: valid-radius($radius);
76
  }
77
}
1441 ariadna 78
// scss-docs-end border-radius-mixins