55 lines
620 B
SCSS
55 lines
620 B
SCSS
// NibblePoker.lu CSS - (C) 2023 Bozet Herwin
|
|
|
|
/* Utilities > Sizing */
|
|
|
|
// 100 %
|
|
.w-full {
|
|
width: 100%;
|
|
}
|
|
.wm-full {
|
|
max-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;
|
|
}
|
|
}
|
|
}
|