47 lines
1.8 KiB
SCSS
47 lines
1.8 KiB
SCSS
|
// NibblePoker CSS Theme - CC0 1.0 (Public Domain)
|
||
|
|
|
||
|
|
/* Utilities > Spacing > Global */
|
||
|
|
@mixin global-spacing-maker($type-key, $type-property, $size-key, $size-value) {
|
||
|
|
.#{$type-key}-#{$size-key} {
|
||
|
|
#{$type-property}: #{$size-value};
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* Utilities > Spacing > Global > Variable Sizes */
|
||
|
|
@include global-spacing-maker("m", "margin", "xxs", calc(#{$margin-base-size} * 0.25));
|
||
|
|
@include global-spacing-maker("m", "margin", "xs", calc(#{$margin-base-size} * 0.5));
|
||
|
|
@include global-spacing-maker("m", "margin", "s", calc(#{$margin-base-size} * 0.75));
|
||
|
|
@include global-spacing-maker("m", "margin", "m", #{$margin-base-size});
|
||
|
|
@include global-spacing-maker("m", "margin", "l", calc(#{$margin-base-size} * 1.5));
|
||
|
|
@include global-spacing-maker("m", "margin", "xl", calc(#{$margin-base-size} * 2.0));
|
||
|
|
|
||
|
|
@include global-spacing-maker("p", "padding", "xxs", calc(#{$margin-base-size} * 0.25));
|
||
|
|
@include global-spacing-maker("p", "padding", "xs", calc(#{$margin-base-size} * 0.5));
|
||
|
|
@include global-spacing-maker("p", "padding", "s", calc(#{$margin-base-size} * 0.75));
|
||
|
|
@include global-spacing-maker("p", "padding", "m", #{$margin-base-size});
|
||
|
|
@include global-spacing-maker("p", "padding", "l", calc(#{$margin-base-size} * 1.5));
|
||
|
|
@include global-spacing-maker("p", "padding", "xl", calc(#{$margin-base-size} * 2.0));
|
||
|
|
|
||
|
|
|
||
|
|
/* Utilities > Spacing > Global > Fixed Sizes */
|
||
|
|
@include global-spacing-maker("m", "margin", "0", 0);
|
||
|
|
@include global-spacing-maker("p", "padding", "0", 0);
|
||
|
|
|
||
|
|
|
||
|
|
/* Utilities > Spacing > Global > Others */
|
||
|
|
@include global-spacing-maker("m", "margin", "auto", auto);
|
||
|
|
@include global-spacing-maker("p", "padding", "auto", auto);
|
||
|
|
|
||
|
|
|
||
|
|
/* Utilities > Spacing > Global > Manual Extras */
|
||
|
|
.p-xxxs {
|
||
|
|
padding: calc(#{$margin-base-size} * 0.125);
|
||
|
|
}
|
||
|
|
.p-mxs {
|
||
|
|
padding: calc(#{$margin-base-size} * 0.375);
|
||
|
|
}
|
||
|
|
.p-ms {
|
||
|
|
padding: calc(#{$margin-base-size} * 0.625);
|
||
|
|
}
|