Padding utilities on the --space-0…9 scale. The frozen v1.0.0 stylesheet contains 100 classes in this family.
Classes#
| Class | Notes |
|---|---|
p-0 | — |
p-px | — |
p-0-5 | — |
p-1 | — |
p-2 | — |
p-3 | — |
p-4 | — |
p-5 | — |
p-6 | — |
p-8 | — |
p-10 | — |
p-12 | — |
p-16 | — |
p-20 | — |
p-24 | — |
p-32 | — |
px-0 | — |
px-1 | — |
px-2 | — |
px-3 | — |
px-4 | — |
px-5 | — |
px-6 | — |
px-8 | — |
px-10 | — |
px-12 | — |
px-16 | — |
px-20 | — |
px-24 | — |
px-32 | — |
py-0 | — |
py-1 | — |
py-2 | — |
py-3 | — |
py-4 | — |
py-5 | — |
py-6 | — |
py-8 | — |
py-10 | — |
py-12 | — |
py-16 | — |
py-20 | — |
py-24 | — |
py-32 | — |
pt-0 | — |
pt-1 | — |
pt-2 | — |
pt-3 | — |
pt-4 | — |
pt-5 | — |
pt-6 | — |
pt-8 | — |
pt-10 | — |
pt-12 | — |
pt-16 | — |
pt-20 | — |
pt-24 | — |
pt-32 | — |
pb-0 | — |
pb-1 | — |
Usage#
index.html
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/nakshora/nakshora@main/minified-version/v1.0.0.css" />
<div class="p-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.