Sizing
Adjust the width and/or height of an element.
Height
h--<value>
| Class | Property & Value |
|---|---|
h--100 | height: 100% |
h--auto | height: auto |
mh--0 | min-height: 0 |
mh--100 | min-height: 100% |
vh--10 | min-height: 10vh |
vh--20 | min-height: 20vh |
vh--30 | min-height: 30vh |
vh--40 | min-height: 40vh |
vh--50 | min-height: 50vh |
vh--60 | min-height: 60vh |
vh--70 | min-height: 70vh |
vh--80 | min-height: 80vh |
vh--90 | min-height: 90vh |
vh--100 | min-height: 100vh |
Width and Minimum Width
(m)w--<value>,(m)w--<value>@#{$breakpoint}
| Class | Property & Value |
|---|---|
mw--0 | min-width: 0 |
mw--100 | min-width: 100% |
w--fit | width:autoflex:1 |
w--auto | width: automax-width: 100% |