Letter Spacing

new

Utilities for controlling the tracking (letter spacing) of an element.

Contents

Quick reference

Class	Properties
`.ls-tighter`	letter-spacing: -0.05em;
`.ls-tight`	letter-spacing: -0.025em;
`.ls-normal`	letter-spacing: 0em;
`.ls-wide`	letter-spacing: 0.025em;
`.ls-wider`	letter-spacing: 0.05em;
`.ls-widest`	letter-spacing: 0.1em;

Usage

Setting the letter spacing

Control the letter spacing of an element using the ls-{size} utilities.

ls-tight

The quick brown fox jumps over the lazy dog.

ls-normal

The quick brown fox jumps over the lazy dog.

ls-wide

The quick brown fox jumps over the lazy dog.

<p class="ls-tight ...">The quick brown fox ...</p>
<p class="ls-normal ...">The quick brown fox ...</p>
<p class="ls-wide ...">The quick brown fox ...</p>