uppercase, lowercase, capitalize, normal-case. This family contains 4 generated classes in Nakshora 3.1.
Classes#
| Class | Generated CSS |
|---|---|
uppercase | text-transform: uppercase; |
lowercase | text-transform: lowercase; |
capitalize | text-transform: capitalize; |
normal-case | text-transform: none; |
Example#
example
<span class="uppercase text-xs font-semibold tracking-wide">Badge</span>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#
- Pair uppercase with tracking-wide for legibility
Common mistakes#
- capitalize capitalizes EVERY word — usually not what titles want
Related#
colors/index|Text color · utilities/typography/font-size|Font size