You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
77 lines
1.8 KiB
77 lines
1.8 KiB
4 years ago
|
// stylelint-disable property-disallowed-list
|
||
|
// Single side border-radius
|
||
|
|
||
|
// Helper function to replace negative values with 0
|
||
|
@function valid-radius($radius) {
|
||
|
$return: ();
|
||
|
@each $value in $radius {
|
||
|
@if type-of($value) == number {
|
||
|
$return: append($return, max($value, 0));
|
||
|
} @else {
|
||
|
$return: append($return, $value);
|
||
|
}
|
||
|
}
|
||
|
@return $return;
|
||
|
}
|
||
|
|
||
|
@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {
|
||
|
@if $enable-rounded {
|
||
|
border-radius: valid-radius($radius);
|
||
|
}
|
||
|
@else if $fallback-border-radius != false {
|
||
|
border-radius: $fallback-border-radius;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@mixin border-top-radius($radius) {
|
||
|
@if $enable-rounded {
|
||
|
border-top-left-radius: valid-radius($radius);
|
||
|
border-top-right-radius: valid-radius($radius);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@mixin border-right-radius($radius) {
|
||
|
@if $enable-rounded {
|
||
|
border-top-right-radius: valid-radius($radius);
|
||
|
border-bottom-right-radius: valid-radius($radius);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@mixin border-bottom-radius($radius) {
|
||
|
@if $enable-rounded {
|
||
|
border-bottom-right-radius: valid-radius($radius);
|
||
|
border-bottom-left-radius: valid-radius($radius);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@mixin border-left-radius($radius) {
|
||
|
@if $enable-rounded {
|
||
|
border-top-left-radius: valid-radius($radius);
|
||
|
border-bottom-left-radius: valid-radius($radius);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@mixin border-top-left-radius($radius) {
|
||
|
@if $enable-rounded {
|
||
|
border-top-left-radius: valid-radius($radius);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@mixin border-top-right-radius($radius) {
|
||
|
@if $enable-rounded {
|
||
|
border-top-right-radius: valid-radius($radius);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@mixin border-bottom-right-radius($radius) {
|
||
|
@if $enable-rounded {
|
||
|
border-bottom-right-radius: valid-radius($radius);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@mixin border-bottom-left-radius($radius) {
|
||
|
@if $enable-rounded {
|
||
|
border-bottom-left-radius: valid-radius($radius);
|
||
|
}
|
||
|
}
|