Typography

Text alignment, case, weight, style, line-height, and wrapping — plus an entire link utility family, and one class that looks like it should visibly do something and never does.

Alignment

Preview

Case

Preview

Weight

Preview

Style & decoration

Preview

Line height

Preview

Wrapping & truncation

This is a longer preview sentence to show wrapping behavior

text-reset is also part of this set — it sets color: inherit and clears text-decoration, useful when a link or heading needs to give up its own color and pick up whatever its parent has instead.

Links

A full link color/decoration family, entirely separate from text-{color} — each includes its own darkened :hover state, which plain text-* classes don't:

link-offset-1/2/3 push the underline 2px/4px/6px away from the text (text-underline-offset). link-underline forces the decoration on; link-underline-{color} tints just the underline, independent of the text's own color:

text-opacity-* and bg-opacity-* are dead — verified, not a rendering quirk

text-opacity-10 through text-opacity-100 exist and set a custom property (--st-text-opacity), but grepping the entire framework source turns up zero rules that ever read that variable back — no color-mix(), no rgba(var(...)), nothing. The class compiles, applies to the element, and has no visible effect whatsoever. bg-opacity-* (covered on the Colors page) and border-opacity-* (Borders) have the exact same problem. If you need real opacity on a color, use an arbitrary value with an actual alpha channel instead: text-[rgba(220,53,69,0.5)].
no visible change from text-opacity-50