Skip to main content

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