Text Transform

Utilities for controlling the transformation of text.

Contents

Transform text in components with text capitalization classes.

Class	Properties
`.text-lowercase`	text-transform: lowercase;
`.text-uppercase`	text-transform: uppercase;
`.text-capitalize`	text-transform: capitalize;

Basic example

Transforming text

The text-uppercase and text-lowercase will uppercase and lowercase text respectively, whereas text-capitalize utility will convert text to title-case.

text-uppercase

The quick brown fox jumps over the lazy dog.

text-lowercase

The quick brown fox jumps over the lazy dog.

text-capitalize

The quick brown fox jumps over the lazy dog.

<p class="text-uppercase ...">The quick brown fox ...</p>
<p class="text-lowercase ...">The quick brown fox ...</p>
<p class="text-capitalize ...">The quick brown fox ...</p>