Height
The Height CSS property will set the current height of an element.
Usage
Place the height utility class on an element that you want to change the height property for.
You can set minimum and maximum height by adding max or min before the w. e.g. slb-max-h-auto or slb-min-h-300
Modifier selectors
| Modifier selector | Description |
|---|---|
slb-h-auto |
Set the height to auto |
slb-{max/min}-h-auto |
Set the maximum or minimum height to auto |
slb-h-100 |
Set the height to 100 |
slb-{max/min}-h-100 |
Set the maximum or minimum height to 100 |
slb-h-200 |
Set the height to 200 |
slb-{max/min}-h-200 |
Set the maximum or minimum height to 200 |
slb-h-300 |
Set the height to 300 |
slb-{max/min}-h-300 |
Set the maximum or minimum height to 300 |
slb-h-400 |
Set the height to 400 |
slb-{max/min}-h-400 |
Set the maximum or minimum height to 400 |
slb-h-500 |
Set the height to 500 |
slb-{max/min}-h-500 |
Set the maximum or minimum height to 500 |
slb-h-600 |
Set the height to 600 |
slb-{max/min}-h-600 |
Set the maximum or minimum height to 600 |
slb-h-700 |
Set the height to 700 |
slb-{max/min}-h-700 |
Set the maximum or minimum height to 700 |
slb-h-800 |
Set the height to 800 |
slb-{max/min}-h-800 |
Set the maximum or minimum height to 800 |
slb-h-900 |
Set the height to 900 |
slb-{max/min}-h-900 |
Set the maximum or minimum height to 900 |
.slb-h-auto - Height auto.
Height example
.slb-h-100 - Height 100.
Height example
.slb-h-200 - Height 200.
Height example
.slb-h-300 - Height 300.
Height example
.slb-h-400 - Height 400.
Height example
.slb-h-500 - Height 500.
Height example
.slb-h-600 - Height 600.
Height example
.slb-h-700 - Height 700.
Height example
.slb-h-800 - Height 800.
Height example
.slb-h-900 - Height 900.
Height example