Contents
Quick reference
Class | Properties |
---|---|
.tracking-tighter | letter-spacing: -0.05em; |
.tracking-tight | letter-spacing: -0.025em; |
.tracking-normal | letter-spacing: 0em; |
.tracking-wide | letter-spacing: 0.025em; |
.tracking-wider | letter-spacing: 0.05em; |
.tracking-widest | letter-spacing: 0.1em; |
Usage
Setting the letter spacing
Control the letter spacing of an element using the tracking-{size}
utilities.
tracking-tight
The quick brown fox jumps over the lazy dog.
tracking-normal
The quick brown fox jumps over the lazy dog.
tracking-wide
The quick brown fox jumps over the lazy dog.
<p class="tracking-tight ...">The quick brown fox ...</p>
<p class="tracking-normal ...">The quick brown fox ...</p>
<p class="tracking-wide ...">The quick brown fox ...</p>
Edit this page on Github
Last updated on April 6, 2024