Theme
- Light
- Dark
Height
The height CSS property specifies the height of an element.
| Base class | {value} | Property | Property value |
|---|---|---|---|
| |||
0 |
var(--spc-0) | ||
1 |
var(--spc-1) | ||
2 |
var(--spc-2) | ||
3 |
var(--spc-3) | ||
4 |
var(--spc-4) | ||
5 |
var(--spc-5) | ||
6 |
var(--spc-6) | ||
7 |
var(--spc-7) | ||
8 |
var(--spc-8) | ||
9 |
var(--spc-9) | ||
10 |
var(--spc-10) | ||
11 |
var(--spc-11) | ||
12 |
var(--spc-12) | ||
13 |
var(--spc-13) | ||
50pct |
50% | ||
100pct |
100% | ||
at |
auto | ||
ihr |
inherit | ||
us |
unset | ||
100vw |
var(--spc-100vw) | ||
100vh |
var(--spc-100vh) |
All classes
| Class name | Styles |
|---|---|
_h-0 |
height: var(--spc-0); |
_h-1 |
height: var(--spc-1); |
_h-2 |
height: var(--spc-2); |
_h-3 |
height: var(--spc-3); |
_h-4 |
height: var(--spc-4); |
_h-5 |
height: var(--spc-5); |
_h-6 |
height: var(--spc-6); |
_h-7 |
height: var(--spc-7); |
_h-8 |
height: var(--spc-8); |
_h-9 |
height: var(--spc-9); |
_h-10 |
height: var(--spc-10); |
_h-11 |
height: var(--spc-11); |
_h-12 |
height: var(--spc-12); |
_h-13 |
height: var(--spc-13); |
_h-50pct |
height: 50%; |
_h-100pct |
height: 100%; |
_h-at |
height: auto; |
_h-ihr |
height: inherit; |
_h-us |
height: unset; |
_h-100vw |
height: var(--spc-100vw); |
_h-100vh |
height: var(--spc-100vh); |
_mnh-0 |
min-height: var(--spc-0); |
_mnh-1 |
min-height: var(--spc-1); |
_mnh-2 |
min-height: var(--spc-2); |
_mnh-3 |
min-height: var(--spc-3); |
_mnh-4 |
min-height: var(--spc-4); |
_mnh-5 |
min-height: var(--spc-5); |
_mnh-6 |
min-height: var(--spc-6); |
_mnh-7 |
min-height: var(--spc-7); |
_mnh-8 |
min-height: var(--spc-8); |
_mnh-9 |
min-height: var(--spc-9); |
_mnh-10 |
min-height: var(--spc-10); |
_mnh-11 |
min-height: var(--spc-11); |
_mnh-12 |
min-height: var(--spc-12); |
_mnh-13 |
min-height: var(--spc-13); |
_mnh-50pct |
min-height: 50%; |
_mnh-100pct |
min-height: 100%; |
_mnh-at |
min-height: auto; |
_mnh-ihr |
min-height: inherit; |
_mnh-us |
min-height: unset; |
_mnh-100vw |
min-height: var(--spc-100vw); |
_mnh-100vh |
min-height: var(--spc-100vh); |
_mxh-0 |
max-height: var(--spc-0); |
_mxh-1 |
max-height: var(--spc-1); |
_mxh-2 |
max-height: var(--spc-2); |
_mxh-3 |
max-height: var(--spc-3); |
_mxh-4 |
max-height: var(--spc-4); |
_mxh-5 |
max-height: var(--spc-5); |
_mxh-6 |
max-height: var(--spc-6); |
_mxh-7 |
max-height: var(--spc-7); |
_mxh-8 |
max-height: var(--spc-8); |
_mxh-9 |
max-height: var(--spc-9); |
_mxh-10 |
max-height: var(--spc-10); |
_mxh-11 |
max-height: var(--spc-11); |
_mxh-12 |
max-height: var(--spc-12); |
_mxh-13 |
max-height: var(--spc-13); |
_mxh-50pct |
max-height: 50%; |
_mxh-100pct |
max-height: 100%; |
_mxh-at |
max-height: auto; |
_mxh-ihr |
max-height: inherit; |
_mxh-us |
max-height: unset; |
_mxh-100vw |
max-height: var(--spc-100vw); |
_mxh-100vh |
max-height: var(--spc-100vh); |