Utilities
Height
| Class | CSS property |
|---|---|
.h-1/2 |
height: 50%; |
.h-full |
height: 100%; |
.h-screen |
height: 100vh; |
Width
| Class | CSS property |
|---|---|
.w-auto |
width: auto; |
.w-1/2 |
width: 50%; |
.w-full |
width: 100%; |
.w-screen |
width: 100vw; |
Flex
| Class | CSS property |
|---|---|
.flex-1 |
flex: 1 1 0% |
.flex-auto |
flex: 1 1 auto |
.flex-initial |
flex: 0 1 auto |
.flex-none |
flex: none |
.basis-1/2 |
flex-basis: 50%; |
.basis-full |
flex-basis: 100%; |