Spacing

Update your layout without creating new classes. Spacing helpers are useful for modifying the padding and margin of an element.

Type

m - to set margin
p - to set padding

Direction

t - to set top
r - to set right
b - to set bottom
l - to set left
x - to set x-axis
y - to set y-axis
a - to set all

Size

0 - removes margin or padding for specified direction
1 - applies margin or padding with 16px * 0.25
2 - applies margin or padding with 16px * 0.5
3 - applies margin or padding with 16px * 0.75
4 - applies margin or padding with 16px * 1
5 - applies margin or padding with 16px * 1.25
6 - applies margin or padding with 16px * 1.5
7 - applies margin or padding with 16px * 1.75
8 - applies margin or padding with 16px * 2
9 - applies margin or padding with 16px * 2.25
10 - applies margin or padding with 16px * 2.5

Usage



<p class="mt-1">...</p>

<li class="pb-2">...</li>