Font size, font weight, and line height. Fluid values scale smoothly between viewports using clamp().
fs-{min}-{max}Scales smoothly between min and max using clamp(). Values are in pixels, output is in rem.
fs-{value}Single value — no scaling. Converted to rem.
fs-{bp}-{min}-{max}Only applies from the breakpoint and up (mobile-first).
fs-sm-16-24 — fluid from sm (576px) up
fs-md-18-32 — fluid from md (768px) up
fs-lg-24-48 — fluid from lg (992px) up
fs-{min}-{max}--{vpMin}-{vpMax}fs-16-48--480-1920
Uses 480px–1920px viewport range instead of the config default (320px–1440px).
fw-{name}fw-{value}Unitless — fw-700 outputs font-weight: 700. No fluid range.
lh-{value}Unitless, fixed only. The value is literal — decimals included: lh-1.5 → 1.5, lh-0.8 → 0.8, lh-2 → 2. Supports breakpoints: lh-md-1.5.
lh-1.2Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
lh-1.5Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
lh-2Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
ls-{value}The value is a percentage of the font size, fixed only. ls-5 = 5% tracking → 0.05em, ls-10 = 10% → 0.1em — and because it's em-based, it scales along with fluid fs-*. Matches the common design-system scale (Tailwind tracking-*). Supports breakpoints: ls-md-8.
ls-2The quick brown fox jumps over the lazy dog. Sphinx of black quartz, judge my vow.
ls-5The quick brown fox jumps over the lazy dog. Sphinx of black quartz, judge my vow.
ls-10The quick brown fox jumps over the lazy dog. Sphinx of black quartz, judge my vow.
Common use: uppercase / small-caps labels, display headings. Pairs naturally with fw-bold + fs-*.
FEATURED · LS-10 UPPERCASE
Negatives via n prefix: tighten display type with ls-n2 → -0.02em. Useful for large headings where default tracking feels too loose.