| 1 |
efrain |
1 |
// stylelint-disable declaration-no-important
|
|
|
2 |
|
|
|
3 |
// Width and height
|
|
|
4 |
|
|
|
5 |
@each $prop, $abbrev in (width: w, height: h) {
|
|
|
6 |
@each $size, $length in $sizes {
|
|
|
7 |
.#{$abbrev}-#{$size} { #{$prop}: $length !important; }
|
|
|
8 |
}
|
|
|
9 |
}
|
|
|
10 |
|
|
|
11 |
.mw-100 { max-width: 100% !important; }
|
|
|
12 |
.mh-100 { max-height: 100% !important; }
|
|
|
13 |
|
|
|
14 |
// Viewport additional helpers
|
|
|
15 |
|
|
|
16 |
.min-vw-100 { min-width: 100vw !important; }
|
|
|
17 |
.min-vh-100 { min-height: 100vh !important; }
|
|
|
18 |
|
|
|
19 |
.vw-100 { width: 100vw !important; }
|
|
|
20 |
.vh-100 { height: 100vh !important; }
|