Height
Utility class to organize and implement height properties. Height class uses all the values from spacing in design tokens.
Read all height utilities
.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; |