Height and Width

We handle height and width both in percentages and view-height/width. Both are broken into quarters.

Percentage

Class

Class Result
h-{ 25, 50, 75, 100 } Height is set to the corresponding percentage.
h-auto Height is set to auto.
w-{ 25, 50, 75, 100 } Width is set to the corresponding percentage.
w-auto Width is set to auto.

Viewport

Class

Class Result
vh-{ 25, 50, 75, 100 } Height is set to the corresponding percentage based on the viewport.
vw-{ 25, 50, 75, 100 } Width is set to the corresponding percentage based on the viewport.