30 lines
888 B
SCSS
30 lines
888 B
SCSS
|
// NibblePoker CSS Theme - CC0 1.0 (Public Domain)
|
||
|
|
|
||
|
|
/* Utilities > Rounding > Corner */
|
||
|
|
@mixin corner-rounding-maker($size-key, $size-value) {
|
||
|
|
.rtl-#{$size-key} {
|
||
|
|
border-top-left-radius: #{$size-value};
|
||
|
|
}
|
||
|
|
.rtr-#{$size-key} {
|
||
|
|
border-top-right-radius: #{$size-value};
|
||
|
|
}
|
||
|
|
.rbl-#{$size-key} {
|
||
|
|
border-bottom-left-radius: #{$size-value};
|
||
|
|
}
|
||
|
|
.rbr-#{$size-key} {
|
||
|
|
border-bottom-right-radius: #{$size-value};
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* Utilities > Rounding > Corner > Variable Sizes */
|
||
|
|
@include corner-rounding-maker("xs", calc(#{$border-base-radius} * 0.5));
|
||
|
|
@include corner-rounding-maker("s", calc(#{$border-base-radius} * 0.75));
|
||
|
|
@include corner-rounding-maker("m", #{$border-base-radius});
|
||
|
|
@include corner-rounding-maker("l", calc(#{$border-base-radius} * 1.5));
|
||
|
|
|
||
|
|
|
||
|
|
/* Utilities > Rounding > Corner > Fixed Sizes */
|
||
|
|
@include corner-rounding-maker("0", 0);
|
||
|
|
@include corner-rounding-maker("r", 50%);
|