Sizing utilities: w-*, h-*, max-w-*, fractions like w-1-2, viewport sizes. The frozen v1.0.0 stylesheet contains 85 classes in this family.
Classes#
| Class | Notes |
|---|---|
w-0 | — |
w-px | — |
w-auto | — |
w-1 | — |
w-2 | — |
w-3 | — |
w-4 | — |
w-5 | — |
w-6 | — |
w-8 | — |
w-10 | — |
w-12 | — |
w-16 | — |
w-20 | — |
w-24 | — |
w-32 | — |
w-40 | — |
w-48 | — |
w-56 | — |
w-64 | — |
w-72 | — |
w-80 | — |
w-96 | — |
w-1-2 | — |
w-2-4 | — |
w-1-3 | — |
w-2-3 | — |
w-1-4 | — |
w-3-4 | — |
w-1-5 | — |
w-2-5 | — |
w-3-5 | — |
w-4-5 | — |
w-1-6 | — |
w-5-6 | — |
w-full | — |
w-screen | — |
w-min | — |
w-max | — |
h-0 | — |
h-px | — |
h-auto | — |
h-1 | — |
h-2 | — |
h-3 | — |
h-4 | — |
h-5 | — |
h-6 | — |
h-8 | — |
h-10 | — |
h-12 | — |
h-16 | — |
h-20 | — |
h-24 | — |
h-32 | — |
h-40 | — |
h-48 | — |
h-56 | — |
h-64 | — |
h-72 | — |
Usage#
index.html
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/nakshora/nakshora@main/minified-version/v1.0.0.css" />
<div class="w-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.