Margin and padding utilities with 9-step scale (0-8). Supports all sides: m, mt, mr, mb, ml, mx, my, p, pt, pr, pb, pl, px, py.
9 steps from 0 (0) to 8 (4rem). Both antsand-prefixed and shorthand.
.antsand-m-00.0rem.antsand-m-10.5rem.antsand-m-21.0rem.antsand-m-31.5rem.antsand-m-42.0rem.antsand-m-52.5rem.antsand-m-63.0rem.antsand-m-73.5rem.antsand-m-84.0rem<!-- Margin -->
<div class="antsand-m-0">No margin</div>
<div class="antsand-m-4">1.5rem all sides</div>
<div class="antsand-mt-2 antsand-mb-4">Top 0.75rem, bottom 1.5rem</div>
<div class="antsand-mx-auto">Centered horizontally</div>
<!-- Padding -->
<div class="antsand-p-4">1.5rem padding all sides</div>
<div class="antsand-px-3 antsand-py-2">Horizontal 1rem, vertical 0.75rem</div>
<!-- Shorthand (no prefix) -->
<div class="m-4 p-2">Shorthand margin + padding</div>
<div class="mt-8 mb-0">Top 4rem, bottom 0</div>Visual padding applied to boxes.
<!-- Scale: 0=0, 1=0.25rem, 2=0.5rem, 3=0.75rem, 4=1rem, 5=1.5rem, 6=2rem, 7=3rem, 8=4rem -->
<div class="antsand-p-1">0.25rem</div>
<div class="antsand-p-3">0.75rem</div>
<div class="antsand-p-6">2rem</div>
<div class="antsand-p-8">4rem</div>