tracking-tighter…tracking-widest — seven tracking steps. This family contains 6 generated classes in Nakshora 3.1.

Classes#

ClassGenerated CSS
tracking-tighterletter-spacing: -0.05em;
tracking-tightletter-spacing: -0.025em;
tracking-normalletter-spacing: 0em;
tracking-wideletter-spacing: 0.025em;
tracking-widerletter-spacing: 0.05em;
tracking-widestletter-spacing: 0.1em;

Example#

example
html
<p class="uppercase tracking-widest text-xs">Kicker label</p>

Responsive & variants#

Every class here accepts screen prefixes (xxs: … 5xl:) and state variants — md:hover:p-4 style stacks compile to a single media query. See responsive/index|Responsive design and variants/index|Variants.

Best practices#

  • Uppercase labels love tracking-wide/wider
  • Large display type often wants tracking-tight

colors/index|Text color · utilities/typography/font-size|Font size