Typography
Text Decoration Thickness
Utilities for controlling the thickness of text decorations.
Basic usage
Setting the text decoration thickness
Use the decoration-{width} utilities to change the thickness of an element's text decoration.
decoration-1
The quick brown fox jumps over the lazy dog.
decoration-2
The quick brown fox jumps over the lazy dog.
decoration-4
The quick brown fox jumps over the lazy dog.
<p className="underline **decoration-1** ...">The quick brown fox...</p>
<p className="underline **decoration-2** ...">The quick brown fox...</p>
<p className="underline **decoration-4** ...">The quick brown fox...</p>