Padding
All
Multiples of 5, Max:100
p-a-{5x}
<div class="p-a-15">
15px padding
</div>
<div class="p-a-0">
no padding
</div>
Directional
Multiples of 5, Max:100
p-t-{5x}
p-r-{5x}
p-b-{5x}
p-l-{5x}
p-h-{5x}
p-v-{5x}
<div class="p-t-0">
no top padding
</div>
<div class="p-r-30">
30px right padding
</div>
<div class="p-b-40">
40px bottom padding
</div>
<div class="p-l-50">
50px left padding
</div>
<div class="p-h-10">
10px horizontal (left and right) padding
</div>
<div class="p-v-30">
35px vertical (top and bottom) padding
</div>
Margin
All
Multiples of 5, Max:100
m-a-{5x}
<div class="m-a-15">
15px margin
</div>
<div class="m-a-0">
no margin
</div>
Directional
Multiples of 5, Max:100
m-t-{5x}
m-r-{5x}
m-b-{5x}
m-l-{5x}
m-h-{5x}
m-v-{5x}
<div class="m-t-0">
no top margin
</div>
<div class="m-r-30">
30px right margin
</div>
<div class="m-b-40">
40px bottom margin
</div>
<div class="m-l-50">
50px left margin
</div>
<div class="m-h-50">
50px horizontal (left and right) margin
</div>
<div class="m-v-40">
40px vertical (top and bottom) margin
</div>
Auto
m-t-a
m-r-a
m-b-a
m-l-a
m-h-a
m-v-a
m-a-a
<div class="m-t-a">
auto top margin
</div>
<div class="m-r-a">
auto right margin
</div>
<div class="m-b-a">
auto bottom margin
</div>
<div class="m-l-a">
auto left margin
</div>
<div class="m-h-a">
auto horizontal (left and right) margin
</div>
<div class="m-v-a">
auto vertical (top and bottom) margin
</div>
<div class="m-a-a">
auto all directions margin
</div>