23 lines
773 B
SCSS
23 lines
773 B
SCSS
|
// NibblePoker CSS Theme - CC0 1.0 (Public Domain)
|
||
|
|
|
||
|
|
/* 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%);
|