Files
Web-NibblePoker/resources/NibblePoker/scss/core/rounding/global.scss
2023-06-01 17:20:44 +02:00

21 lines
766 B
SCSS

// NibblePoker.lu CSS - (C) 2023 Bozet Herwin
/* Utilities > Rounding > Global */
@mixin global-rounding-maker($size-key, $size-value) {
//, .rounding-#{$size-key}
.r-#{$size-key} {
border-radius: #{$size-value};
}
}
/* Utilities > Rounding > Global > Variable Sizes */
@include global-rounding-maker("xs", calc(#{$border-base-radius} * 0.5));
@include global-rounding-maker("s", calc(#{$border-base-radius} * 0.75));
@include global-rounding-maker("m", #{$border-base-radius});
@include global-rounding-maker("l", calc(#{$border-base-radius} * 1.5));
@include global-rounding-maker("xl", calc(#{$border-base-radius} * 2.0));
/* Utilities > Rounding > Global > Fixed Sizes */
@include global-rounding-maker("0", 0);
@include global-rounding-maker("r", 50%);