aziascreations/CSS-NibblePoker
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Activity

Initial commit

Browse Source 
Update .gitignore, LICENSE-CC0, and 70 more files...
This commit is contained in:
Herwin Bozet (NibblePoker)
2024-11-04 22:52:24 +01:00
commit 88a40efb4e
72 changed files with 3903 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
scss/core/spacing/axis.scss Normal file
View File

@@ -0,0 +1,39 @@
// NibblePoker CSS Theme - CC0 1.0 (Public Domain)
/* Utilities > Spacing > Sided */
@mixin axis-spacing-maker($type-key, $type-property, $size-key, $size-value) {
.#{$type-key}x-#{$size-key} {
#{$type-property}-left: #{$size-value};
#{$type-property}-right: #{$size-value};
}
.#{$type-key}y-#{$size-key} {
#{$type-property}-top: #{$size-value};
#{$type-property}-bottom: #{$size-value};
}
}
/* Utilities > Spacing > Sided > Variable Sizes */
@include axis-spacing-maker("m", "margin", "xxs", calc(#{$margin-base-size} * 0.25));
@include axis-spacing-maker("m", "margin", "xs", calc(#{$margin-base-size} * 0.5));
@include axis-spacing-maker("m", "margin", "s", calc(#{$margin-base-size} * 0.75));
@include axis-spacing-maker("m", "margin", "m", #{$margin-base-size});
@include axis-spacing-maker("m", "margin", "l", calc(#{$margin-base-size} * 1.5));
@include axis-spacing-maker("m", "margin", "xl", calc(#{$margin-base-size} * 2.0));
@include axis-spacing-maker("p", "padding", "xxs", calc(#{$margin-base-size} * 0.25));
@include axis-spacing-maker("p", "padding", "xs", calc(#{$margin-base-size} * 0.5));
@include axis-spacing-maker("p", "padding", "s", calc(#{$margin-base-size} * 0.75));
@include axis-spacing-maker("p", "padding", "m", #{$margin-base-size});
@include axis-spacing-maker("p", "padding", "l", calc(#{$margin-base-size} * 1.5));
@include axis-spacing-maker("p", "padding", "xl", calc(#{$margin-base-size} * 2.0));
/* Utilities > Spacing > Sided > Fixed Sizes */
@include axis-spacing-maker("m", "margin", "0", 0);
@include axis-spacing-maker("p", "padding", "0", 0);
/* Utilities > Spacing > Sided > Others */
@include axis-spacing-maker("m", "margin", "auto", auto);
@include axis-spacing-maker("p", "padding", "auto", auto);

46
scss/core/spacing/global.scss Normal file
View File

@@ -0,0 +1,46 @@
// 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);
}

43
scss/core/spacing/sided.scss Normal file
View File

@@ -0,0 +1,43 @@
// NibblePoker CSS Theme - CC0 1.0 (Public Domain)
/* Utilities > Spacing > Sided */
@mixin sided-spacing-maker($type-key, $type-property, $size-key, $size-value) {
.#{$type-key}t-#{$size-key} {
#{$type-property}-top: #{$size-value};
}
.#{$type-key}b-#{$size-key} {
#{$type-property}-bottom: #{$size-value};
}
.#{$type-key}l-#{$size-key} {
#{$type-property}-left: #{$size-value};
}
.#{$type-key}r-#{$size-key} {
#{$type-property}-right: #{$size-value};
}
}
/* Utilities > Spacing > Sided > Variable Sizes */
@include sided-spacing-maker("m", "margin", "xxs", calc(#{$margin-base-size} * 0.25));
@include sided-spacing-maker("m", "margin", "xs", calc(#{$margin-base-size} * 0.5));
@include sided-spacing-maker("m", "margin", "s", calc(#{$margin-base-size} * 0.75));
@include sided-spacing-maker("m", "margin", "m", #{$margin-base-size});
@include sided-spacing-maker("m", "margin", "l", calc(#{$margin-base-size} * 1.5));
@include sided-spacing-maker("m", "margin", "xl", calc(#{$margin-base-size} * 2.0));
@include sided-spacing-maker("p", "padding", "xxs", calc(#{$margin-base-size} * 0.25));
@include sided-spacing-maker("p", "padding", "xs", calc(#{$margin-base-size} * 0.5));
@include sided-spacing-maker("p", "padding", "s", calc(#{$margin-base-size} * 0.75));
@include sided-spacing-maker("p", "padding", "m", #{$margin-base-size});
@include sided-spacing-maker("p", "padding", "l", calc(#{$margin-base-size} * 1.5));
@include sided-spacing-maker("p", "padding", "xl", calc(#{$margin-base-size} * 2.0));
/* Utilities > Spacing > Sided > Fixed Sizes */
@include sided-spacing-maker("m", "margin", "0", 0);
@include sided-spacing-maker("p", "padding", "0", 0);
/* Utilities > Spacing > Sided > Others */
@include sided-spacing-maker("m", "margin", "auto", auto);
@include sided-spacing-maker("p", "padding", "auto", auto);