Spacing classes are named using the format {property}{side}-{spacer}.

Where property is one of:

Where side is one of:

blank - for classes that set a margin or padding on all 4 sides of the element

Where spacer is one of:

$spacer is default to 1rem, you can change or add new entries to the $spacers Sass map variable.


<div class="mt-2"></div>
<div style="margin-top: ($spacer * .5)"></div>
<div class="mx-3"></div>
<div class="margin-left: $spacer; margin-right: $spacer;"></div>
<div class="p-4"></div>
<div class="padding: ($spacer * 1.5);"></div>