Margin utilities on the --space-0…9 scale, including mx-auto centering. The frozen v1.0.0 stylesheet contains 103 classes in this family.
Classes#
| Class | Notes |
|---|---|
m-0 | — |
m-px | — |
m-0-5 | — |
m-1 | — |
m-2 | — |
m-3 | — |
m-4 | — |
m-5 | — |
m-6 | — |
m-8 | — |
m-10 | — |
m-12 | — |
m-16 | — |
m-20 | — |
m-24 | — |
m-32 | — |
m-auto | — |
mx-0 | — |
mx-1 | — |
mx-2 | — |
mx-3 | — |
mx-4 | — |
mx-5 | — |
mx-6 | — |
mx-8 | — |
mx-10 | — |
mx-12 | — |
mx-16 | — |
mx-20 | — |
mx-24 | — |
mx-32 | — |
mx-auto | — |
my-0 | — |
my-1 | — |
my-2 | — |
my-3 | — |
my-4 | — |
my-5 | — |
my-6 | — |
my-8 | — |
my-10 | — |
my-12 | — |
my-16 | — |
my-20 | — |
my-24 | — |
my-32 | — |
my-auto | — |
mt-0 | — |
mt-1 | — |
mt-2 | — |
mt-3 | — |
mt-4 | — |
mt-5 | — |
mt-6 | — |
mt-8 | — |
mt-10 | — |
mt-12 | — |
mt-16 | — |
mt-20 | — |
mt-24 | — |
Usage#
index.html
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/nakshora/nakshora@main/minified-version/v1.0.0.css" />
<div class="m-0">…</div>Scaling beyond v1#
v1 utilities are frozen — no JIT, no arbitrary values. When you outgrow them, the releases/migration-v1-to-v3|migration guide moves you to the modern engine where this family gains responsive variants, state variants and 11,417 utilities.