Theme
- Light
- Dark
Gap
The gap CSS property sets the gaps (gutters) between rows and columns.
| 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) | ||
ihr |
inherit | ||
us |
unset |
All classes
| Class name | Styles |
|---|---|
_g-0 |
gap: var(--spc-0); |
_g-1 |
gap: var(--spc-1); |
_g-2 |
gap: var(--spc-2); |
_g-3 |
gap: var(--spc-3); |
_g-4 |
gap: var(--spc-4); |
_g-5 |
gap: var(--spc-5); |
_g-6 |
gap: var(--spc-6); |
_g-7 |
gap: var(--spc-7); |
_g-8 |
gap: var(--spc-8); |
_g-9 |
gap: var(--spc-9); |
_g-10 |
gap: var(--spc-10); |
_g-11 |
gap: var(--spc-11); |
_g-12 |
gap: var(--spc-12); |
_g-13 |
gap: var(--spc-13); |
_g-ihr |
gap: inherit; |
_g-us |
gap: unset; |
_rg-0 |
row-gap: var(--spc-0); |
_rg-1 |
row-gap: var(--spc-1); |
_rg-2 |
row-gap: var(--spc-2); |
_rg-3 |
row-gap: var(--spc-3); |
_rg-4 |
row-gap: var(--spc-4); |
_rg-5 |
row-gap: var(--spc-5); |
_rg-6 |
row-gap: var(--spc-6); |
_rg-7 |
row-gap: var(--spc-7); |
_rg-8 |
row-gap: var(--spc-8); |
_rg-9 |
row-gap: var(--spc-9); |
_rg-10 |
row-gap: var(--spc-10); |
_rg-11 |
row-gap: var(--spc-11); |
_rg-12 |
row-gap: var(--spc-12); |
_rg-13 |
row-gap: var(--spc-13); |
_rg-ihr |
row-gap: inherit; |
_rg-us |
row-gap: unset; |
_clg-0 |
column-gap: var(--spc-0); |
_clg-1 |
column-gap: var(--spc-1); |
_clg-2 |
column-gap: var(--spc-2); |
_clg-3 |
column-gap: var(--spc-3); |
_clg-4 |
column-gap: var(--spc-4); |
_clg-5 |
column-gap: var(--spc-5); |
_clg-6 |
column-gap: var(--spc-6); |
_clg-7 |
column-gap: var(--spc-7); |
_clg-8 |
column-gap: var(--spc-8); |
_clg-9 |
column-gap: var(--spc-9); |
_clg-10 |
column-gap: var(--spc-10); |
_clg-11 |
column-gap: var(--spc-11); |
_clg-12 |
column-gap: var(--spc-12); |
_clg-13 |
column-gap: var(--spc-13); |
_clg-ihr |
column-gap: inherit; |
_clg-us |
column-gap: unset; |