Spacing helpers
Change margin and padding with predefined size.
Class name format
.property
-size
Properties
name | css attribute |
---|---|
m | margin |
my | margin-top and margin-bottom |
mx | margin-left and margin-right |
mt | margin-top |
mr | margin-right |
mb | margin-bottom |
ml | margin-left |
p | padding |
py | padding-top and padding-bottom |
px | padding-left and padding-right |
pt | padding-top |
pr | padding-right |
pb | padding-bottom |
pl | padding-left |
Size
name | css attribute | |
---|---|---|
sm | 0.25rem | 4px |
md | 0.5rem | 8px |
lg | 1rem | 16px |
xl | 2rem | 32px |
xxl | 4rem | 64px |
auto
size is available for one-directional properties
such as top, right, bottom and left.