Height

Sets the height of an element

Usage

Add height-* class to block or inline block element.

<div class="height-medium">
    // Your content
</div>

Classes

ClassValue
height-smallvar(--height-small)
height-mediumvar(--height-medium)
height-largevar(--height-large)
height-xlargevar(--height-xlarge)
height-2xlargevar(--height-2xlarge)
height-autoauto
height-00
height-1/1100%
height-1/250%
height-1/3calc(100% * 1 / 3.001)
height-2/3calc(100% * 2 / 3.001)
height-1/425%
height-3/475%
height-1/520%
height-2/540%
height-3/560%
height-4/580%
height-1/6calc(100% * 1 / 6.001)
height-100vh100vh
height-80vh80vh
height-60vh60vh
height-40vh40vh
height-20vh20vh
 

Add @s, @m, or @l suffix to support breakpoints

Table of contents