Started massive refactoring, Removed halfmoon, Added new personnal common CSS, Site now runs at >5 fps on low-end
Update .gitignore, .htaccess, and 264 more files...
This commit is contained in:
51
resources/NibblePoker/scss/core/sizing.scss
Normal file
51
resources/NibblePoker/scss/core/sizing.scss
Normal file
@@ -0,0 +1,51 @@
|
||||
// NibblePoker.lu CSS - (C) 2023 Bozet Herwin
|
||||
|
||||
/* Utilities > Sizing */
|
||||
|
||||
// 100 %
|
||||
.w-full {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.h-full {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
// 50 %
|
||||
.w-half {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.h-half {
|
||||
height: 50%;
|
||||
}
|
||||
|
||||
// Pixels
|
||||
|
||||
@if($undefined-add-px-sizing) {
|
||||
// 50, 100, ..., 250 px
|
||||
@for $_ from 1 through 5 {
|
||||
$pxSize: $_ * 50;
|
||||
|
||||
.w-#{$pxSize} {
|
||||
width: #{$pxSize}px;
|
||||
}
|
||||
|
||||
.h-#{$pxSize} {
|
||||
height: #{$pxSize}px;
|
||||
}
|
||||
}
|
||||
|
||||
// 300, 400, ..., 900 px
|
||||
@for $_ from 3 through 9 {
|
||||
$pxSize: $_ * 100;
|
||||
|
||||
.w-#{$pxSize} {
|
||||
width: #{$pxSize}px;
|
||||
}
|
||||
|
||||
.h-#{$pxSize} {
|
||||
height: #{$pxSize}px;
|
||||
}
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user