Text
Overview
Change typographic alignment, weights, styles, and more with these text utility styles.
Text Alignment
These utilities align text to the left, right, or center.
Left
Text left. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nobis fugit, enim molestiae praesentium eveniet, recusandae et error beatae facilis ex harum consequuntur.
Center
Text center. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nobis fugit, enim molestiae praesentium eveniet, recusandae et error beatae facilis ex harum consequuntur.
Right
Text right. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nobis fugit, enim molestiae praesentium eveniet, recusandae et error beatae facilis ex harum consequuntur.
Font Weight and Italics
Single purpose classes to set the weight (boldness) of text or italicize it.
Bold text.
Normal text.
Light text.
Italic text.
Text Transform
Use these classes to set the capitalization of text.
Lowercase text.
Uppercase text.
Capitalized text.
Text Truncation
Need to truncate text? Add this class to any text element.
Text Truncate. Lorem ipsum dolor sit amet, consectetur adipisicing elit.