Text

Utilities for controlling text styles.

Text Align

Class Properties
.text-left text-align: left;
.text-center text-align: center;
.text-right text-align: right;
.text-justify text-align: justify;

Text Decoration

Class Properties
.underline text-decoration: underline;
.no-decoration text-decoration: none;
.line-through text-decoration: line-through;

Font Style

Class Properties
.italic font-style: italic;
.no-italic font-style: normal;

Font Size

Class Properties
.text-meta-xs font-size: 12px;
.text-meta-sm font-size: 14px;
.text-meta-lg font-size: 16px;
.text-sm font-size: 14px;
.text-md font-size: 16px;
.text-lg font-size: 18px;
.text-title-xs font-size: 18px;
.text-title-sm font-size: 20px;
.text-title-md font-size: 24px;
.text-title-lg font-size: 28px;
.text-title-xl font-size: 32px;
.text-display-sm font-size: 36px;
.text-display-md font-size: 48px;
.text-display-lg font-size: 64px;

Font Weight

Class Properties
.font-light font-weight: 300;
.font-normal font-weight: 400;
.font-medium font-weight: 500;
.font-semi font-weight: 600;
.font-bold font-weight: 700;

Line Height

Class Properties
.line-tight line-height: 1.25;
.line-compact line-height: 1.375;
.line-normal line-height: 1.5;
.line-relaxed line-height: 1.625;
.line-loose line-height: 2;