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;`