The fluid v1 text scale (text-1…text-5), weights, leading and transforms. The frozen v1.0.0 stylesheet contains 107 classes in this family.
Classes#
| Class | Notes |
|---|---|
text-xs | Fluid scale via clamp() |
text-sm | Fluid scale via clamp() |
text-base | Fluid scale via clamp() |
text-lg | Fluid scale via clamp() |
text-xl | Fluid scale via clamp() |
text-2xl | Fluid scale via clamp() |
text-3xl | Fluid scale via clamp() |
text-4xl | Fluid scale via clamp() |
text-5xl | Fluid scale via clamp() |
text-6xl | Fluid scale via clamp() |
text-7xl | Fluid scale via clamp() |
text-8xl | Fluid scale via clamp() |
text-9xl | Fluid scale via clamp() |
font-thin | — |
font-extralight | — |
font-light | — |
font-normal | — |
font-medium | — |
font-semibold | — |
font-bold | — |
font-extrabold | — |
font-black | — |
text-left | Fluid scale via clamp() |
text-center | Fluid scale via clamp() |
text-right | Fluid scale via clamp() |
text-justify | Fluid scale via clamp() |
uppercase | — |
lowercase | — |
capitalize | — |
underline | — |
leading-none | — |
leading-tight | — |
leading-snug | — |
leading-normal | — |
leading-relaxed | — |
leading-loose | — |
text-neon-purple-50 | Fluid scale via clamp() |
text-neon-purple-100 | Fluid scale via clamp() |
text-neon-purple-200 | Fluid scale via clamp() |
text-neon-purple-300 | Fluid scale via clamp() |
text-neon-purple-400 | Fluid scale via clamp() |
text-neon-purple-500 | Fluid scale via clamp() |
text-neon-purple-600 | Fluid scale via clamp() |
text-neon-purple-700 | Fluid scale via clamp() |
text-neon-purple-800 | Fluid scale via clamp() |
text-neon-purple-900 | Fluid scale via clamp() |
text-neon-purple-950 | Fluid scale via clamp() |
text-neon-pink-50 | Fluid scale via clamp() |
text-neon-pink-100 | Fluid scale via clamp() |
text-neon-pink-200 | Fluid scale via clamp() |
text-neon-pink-300 | Fluid scale via clamp() |
text-neon-pink-400 | Fluid scale via clamp() |
text-neon-pink-500 | Fluid scale via clamp() |
text-neon-pink-600 | Fluid scale via clamp() |
text-neon-pink-700 | Fluid scale via clamp() |
text-neon-pink-800 | Fluid scale via clamp() |
text-neon-pink-900 | Fluid scale via clamp() |
text-neon-pink-950 | Fluid scale via clamp() |
text-neon-cyan-50 | Fluid scale via clamp() |
text-neon-cyan-100 | Fluid scale via clamp() |
Usage#
index.html
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/nakshora/nakshora@main/minified-version/v1.0.0.css" />
<div class="text-xs">…</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.