Padding
The .padding-* classes add or modify the padding property on an element.
The class sizes correspond with their associated --size-* CSS variables.
| Class | Size |
|---|---|
.padding-0 |
0 |
.padding-6xs |
0.125em |
.padding-5xs |
0.25em |
.padding-4xs |
0.5em |
.padding-3xs |
0.6875em |
.padding-2xs |
0.75em |
.padding-xs |
0.8125em |
.padding-s |
0.9375em |
.padding-m |
1em |
.padding-l |
1.0625em |
.padding-xl |
1.1875em |
.padding-2xl |
1.3125em |
.padding-3xl |
1.5em |
.padding-4xl |
1.75em |
.padding-5xl |
2em |
.padding-6xl |
3em |