source: Application/ocrent/wwwroot/lib/bootstrap/scss/mixins/_border-radius.scss

Last change on this file was f5f7c24, checked in by 192011 <mk.snicker@…>, 17 months ago

Initial commit

  • Property mode set to 100644
File size: 2.0 KB
Line 
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
17// scss-docs-start border-radius-mixins
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
27@mixin border-top-radius($radius: $border-radius) {
28 @if $enable-rounded {
29 border-top-left-radius: valid-radius($radius);
30 border-top-right-radius: valid-radius($radius);
31 }
32}
33
34@mixin border-end-radius($radius: $border-radius) {
35 @if $enable-rounded {
36 border-top-right-radius: valid-radius($radius);
37 border-bottom-right-radius: valid-radius($radius);
38 }
39}
40
41@mixin border-bottom-radius($radius: $border-radius) {
42 @if $enable-rounded {
43 border-bottom-right-radius: valid-radius($radius);
44 border-bottom-left-radius: valid-radius($radius);
45 }
46}
47
48@mixin border-start-radius($radius: $border-radius) {
49 @if $enable-rounded {
50 border-top-left-radius: valid-radius($radius);
51 border-bottom-left-radius: valid-radius($radius);
52 }
53}
54
55@mixin border-top-start-radius($radius: $border-radius) {
56 @if $enable-rounded {
57 border-top-left-radius: valid-radius($radius);
58 }
59}
60
61@mixin border-top-end-radius($radius: $border-radius) {
62 @if $enable-rounded {
63 border-top-right-radius: valid-radius($radius);
64 }
65}
66
67@mixin border-bottom-end-radius($radius: $border-radius) {
68 @if $enable-rounded {
69 border-bottom-right-radius: valid-radius($radius);
70 }
71}
72
73@mixin border-bottom-start-radius($radius: $border-radius) {
74 @if $enable-rounded {
75 border-bottom-left-radius: valid-radius($radius);
76 }
77}
78// scss-docs-end border-radius-mixins
Note: See TracBrowser for help on using the repository browser.