57 lines
708 B
SCSS
57 lines
708 B
SCSS
|
// NibblePoker CSS Theme - CC0 1.0 (Public Domain)
|
||
|
|
|
||
|
|
/* Core > Sizing */
|
||
|
|
|
||
|
|
// 100 %
|
||
|
|
.w-full {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.wm-full {
|
||
|
|
max-width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.h-full {
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
.hm-full {
|
||
|
|
max-height: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
// 50 %
|
||
|
|
.w-half {
|
||
|
|
width: 50%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.h-half {
|
||
|
|
height: 50%;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Pixels Sizing (Deprecated, disabled by default, use custom rules !)
|
||
|
|
@if($add-px-sizing-rules) {
|
||
|
|
// 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;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|