Spacing
Override the padding or margin of an element using these utilities.
Margin
m<side>--<value>
| Class | Property & Value |
|---|---|
mx--auto | margin-left: automargin-right: auto |
ma--1 | margin: 1rem |
ma--1h | margin: 1.5rem |
mt--1 | margin-top: 1rem |
mt--1h | margin-top: 1.5rem |
mr--1 | margin-right: 1rem |
mr--1h | margin-right: 1.5rem |
mb--1 | margin-bottom: 1rem |
mb--1h | margin-bottom: 1.5rem |
ml--1 | margin-left: 1rem |
ml--1h | margin-left: 1.5rem |
mx--1 | margin-right: 1remmargin-left:1rem |
mx--1h | margin-right: 1.5remmargin-left:1.5rem |
my--1 | margin-top: 1remmargin-bottom: 1rem |
my--1h | margin-top:1.5remmargin-bottom: 1.5rem |
Offset
o--<value>
| Class | Property & Value |
|---|---|
oa--1 | margin: -1rem |
oa--1h | margin: -1.5rem |
ot--1 | margin-top: -1rem |
ot--1h | margin-top: -1.5rem |
or--1 | margin-right: -1rem |
or--1h | margin-right: -1.5rem |
ob--1 | margin-bottom: -1rem |
ob--1h | margin-bottom: -1.5rem |
ol--1 | margin-left: -1rem |
ol--1h | margin-left: -1.5rem |
Padding
p<side>--<value>
| Class | Property & Value |
|---|---|
pa--1 | padding: 1rem |
pa--1h | padding: 1.5rem |
pt--1 | padding-top: 1rem |
pt--1h | padding-top: 1.5rem |
pr--1 | padding-right: 1rem |
pr--1h | padding-right: 1.5rem |
pb--1 | padding-bottom: 1rem |
pb--1h | padding-bottom: 1.5rem |
pl--1 | padding-left: 1rem |
pl--1h | padding-left: 1.5rem |