Letter Spacing

Utilities for controlling the letter spacing of an element.

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

Usage

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

.ls-tighter

Products

.ls-tight

Products

.ls-normal

Products

.ls-wide

Products

.ls-wider

Products

.ls-widest

Products

Customizing

Letter spacing values can be changed, added or removed in _settings.scss.

Variants

By default, only responsive variants are generated for this utility. You can control which variants are generated by modifying the $utility-configuration in _settings.scss.