Commentary
These are common helpers that force a height on an element. These are useful to provide controls for images and other elements that do not have an intrinsic size.
These helpers can also define containers of a fixed height and 100% width. These can be typically used to define sections such as hero or any other container that needs a fixed height.
Usage
| Classes: | |
|---|---|
| Fixed heights | .has-height-5rem, .has-height-10rem, .has-height-12rem,
.has-height-15rem, .has-height-20rem, .has-height-25rem,
.has-height-30rem, .has-height-40rem |
| Container Sizes: | .is-container-5rem, .is-container-10rem, .is-container-12rem,
.is-container-15rem, .is-container-20rem, .is-container-25rem,
.is-container-30rem, .is-container-40rem |
| Dependencies: | |
|---|---|
| File: | heights.css |
| Variables: | none |