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

29
scss/core/rounding/corner.scss Normal file
View File

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

22
scss/core/rounding/global.scss Normal file
View File

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

33
scss/core/rounding/sided.scss Normal file
View File

@@ -0,0 +1,33 @@
// NibblePoker CSS Theme - CC0 1.0 (Public Domain)
/* Utilities > Rounding > Sided */
@mixin sided-rounding-maker($size-key, $size-value) {
.rt-#{$size-key} {
border-top-left-radius: #{$size-value};
border-top-right-radius: #{$size-value};
}
.rb-#{$size-key} {
border-bottom-left-radius: #{$size-value};
border-bottom-right-radius: #{$size-value};
}
.rl-#{$size-key} {
border-top-left-radius: #{$size-value};
border-bottom-left-radius: #{$size-value};
}
.rr-#{$size-key} {
border-top-right-radius: #{$size-value};
border-bottom-right-radius: #{$size-value};
}
}
/* Utilities > Rounding > Sided > Variable Sizes */
@include sided-rounding-maker("xs", calc(#{$border-base-radius} * 0.5));
@include sided-rounding-maker("s", calc(#{$border-base-radius} * 0.75));
@include sided-rounding-maker("m", #{$border-base-radius});
@include sided-rounding-maker("l", calc(#{$border-base-radius} * 1.5));
/* Utilities > Rounding > Sided > Fixed Sizes */
@include sided-rounding-maker("0", 0);
@include sided-rounding-maker("r", 50%);