Skip to main content

Heights

Version: 0.9.0
Edit

Utilities for setting an element's height.

Percentages

Author: Mary Ditchen
Since: 0.9.0
Source: /source/patterns/utilities/heights.scss#L11

100% Height
<!-- height 100 -->
<div class="u-height-100">100% Height</div>

Auto

Author: Mary Ditchen
Since: 0.9.0
Source: /source/patterns/utilities/heights.scss#L23

Auto Height
<!-- height auto -->
<div class="u-height-auto">Auto Height</div>

Global Values

Author: Mary Ditchen
Since: 0.9.0
Source: /source/patterns/utilities/heights.scss#L35

Inherit Height
Initial Height
Unset Height
<!-- height inherit -->
<div class="u-height-inherit">Inherit Height</div>
<!-- height initial -->
<div class="u-height-initial">Initial Height</div>
<!-- height unset -->
<div class="u-height-unset">Unset Height</div>