Border widths, styles and rounded-* radii. The frozen v1.0.0 stylesheet contains 29 classes in this family.
Classes#
| Class | Notes |
|---|---|
border | — |
border-2 | — |
border-4 | — |
border-8 | — |
border-solid | — |
border-0 | — |
border-t | — |
border-r | — |
border-b | — |
border-l | — |
border-dashed | — |
border-dotted | — |
border-double | — |
border-none | — |
rounded-none | — |
rounded-sm | — |
rounded-md | — |
rounded-lg | — |
rounded-xl | — |
rounded-2xl | — |
rounded-3xl | — |
rounded-full | — |
border-neon-purple-500 | — |
border-neon-pink-500 | — |
border-neon-cyan-500 | — |
border-mono-200 | — |
border-mono-300 | — |
border-mono-400 | — |
border-mono-500 | — |
Usage#
index.html
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/nakshora/nakshora@main/minified-version/v1.0.0.css" />
<div class="border">…</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.