1 // stylelint-disable property-disallowed-list
2 // Single side border-radius
4 // Helper function to replace negative values with 0
5 @function valid-radius($radius) {
7 @each $value in $radius {
8 @if type-of($value) == number {
9 $return: append($return, max($value, 0));
11 $return: append($return, $value);
17 // scss-docs-start border-radius-mixins
18 @mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {
20 border-radius: valid-radius($radius);
22 @else if $fallback-border-radius != false {
23 border-radius: $fallback-border-radius;
27 @mixin border-top-radius($radius: $border-radius) {
29 border-top-left-radius: valid-radius($radius);
30 border-top-right-radius: valid-radius($radius);
34 @mixin border-end-radius($radius: $border-radius) {
36 border-top-right-radius: valid-radius($radius);
37 border-bottom-right-radius: valid-radius($radius);
41 @mixin border-bottom-radius($radius: $border-radius) {
43 border-bottom-right-radius: valid-radius($radius);
44 border-bottom-left-radius: valid-radius($radius);
48 @mixin border-start-radius($radius: $border-radius) {
50 border-top-left-radius: valid-radius($radius);
51 border-bottom-left-radius: valid-radius($radius);
55 @mixin border-top-start-radius($radius: $border-radius) {
57 border-top-left-radius: valid-radius($radius);
61 @mixin border-top-end-radius($radius: $border-radius) {
63 border-top-right-radius: valid-radius($radius);
67 @mixin border-bottom-end-radius($radius: $border-radius) {
69 border-bottom-right-radius: valid-radius($radius);
73 @mixin border-bottom-start-radius($radius: $border-radius) {
75 border-bottom-left-radius: valid-radius($radius);
78 // scss-docs-end border-radius-mixins