Height

Utility class to organize and implement height properties. Height class uses all the values from spacing in design tokens.

Read all height utilities

Height

.h-0.h-8.h-16.h-24.h-25.h-50.h-75.h-100

Class selectors	Properties & values
.h-0	height: var(--rbrh-spacing-0);
.h-8	height: var(--rbrh-spacing-8);
.h-16	height: var(--rbrh-spacing-16);
.h-24	height: var(--rbrh-spacing-24);
.h-25	height: 25%;
.h-50	height: 50%;
.h-75	height: 75%;
.h-100	height: 100%;

Max-height

.max-h-0

.max-h-100

.max-h-max

max-h-min

Class	Properties
.max-h-0	max-height: var(--rbrh-spacing-0);
.max-h-100	max-height: 100%;
.max-h-max	max-height: max-content
.max-h-min	max-height: min-content;

Min-height

.min-h-0

.min-h-100

.min-h-max

.min-h-min

Class	Properties
.min-h-0	min-height: var(--rbrh-spacing-0);
.min-h-100	min-height: 100%;
.min-h-max	min-height: max-content
.min-h-min	min-height: min-content;