Skip to content

Letter Spacing

Below, utility classes to apply letter-spacing property.

ClassProperties
.tracking-extra-smallletter-spacing: -0.05rem;
.tracking-smallletter-spacing: -0.025rem;
.tracking-mediumletter-spacing: 0rem;
.tracking-largeletter-spacing: 0.025rem;
.tracking-extra-largeletter-spacing: 0.05rem;

Example(s)

Lorem ipsum dolor sit amet...Lorem ipsum dolor sit amet...Lorem ipsum dolor sit amet...Lorem ipsum dolor sit amet...Lorem ipsum dolor sit amet...
html
<p class="tracking-extra-small">Lorem ipsum dolor sit amet...</p>
<p class="tracking-small">Lorem ipsum dolor sit amet...</p>
<p class="tracking-medium">Lorem ipsum dolor sit amet...</p>
<p class="tracking-large">Lorem ipsum dolor sit amet...</p>
<p class="tracking-extra-large">Lorem ipsum dolor sit amet...</p>

Released under the Beerware 🍺 License.