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
scss/core/rounding/sided.scss
+33
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%);