Margin & Padding
tip
These classes can be used on any element so feel free to mix and match!
The classes of .m-[size] and .p-[size] can be used to set margin and padding on any element.
<div class="p-medium m-xlarge"></div>
sizes​
6 sizes are available for each of .m-[size] and .p-[size]
-huge | -xlarge | -large | -medium | -small | -tiny |
|---|
margin​
.m-huge
.m-huge
.m-huge
.m-xlarge
.m-xlarge
.m-xlarge
.m-large
.m-large
.m-large
.m-medium
.m-medium
.m-medium
.m-small
.m-small
.m-small
.m-tiny
.m-tiny
.m-tiny
padding​
.p-huge
.p-huge
.p-huge
.p-xlarge
.p-xlarge
.p-xlarge
.p-large
.p-large
.p-large
.p-medium
.p-medium
.p-medium
.p-small
.p-small
.p-small
.p-tiny
.p-tiny
.p-tiny