Text Transform

Utilities for controlling the transformation of text.

Class	Properties
.tt-uppercase	text-transform: uppercase;
.tt-lowercase	text-transform: lowercase;
.tt-capitalize	text-transform: capitalize;
.tt-none	text-transform: none;

Usage

Use the following utility classes to control the upper and lower case of text.

.tt-uppercase

The quick brown fox jumped over the lazy dog.

.tt-lowercase

The quick brown fox jumped over the lazy dog.

.tt-capitalize

The quick brown fox jumped over the lazy dog.

.tt-none

The quick brown fox jumped over the lazy dog.

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.