Typography
Documentation and examples for typography.
Headings
All HTML headings, h1 through h6, are available.
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Display headings
When you need a heading to stand out, consider using a display heading.
Size 1
Size 2
Size 3
Size 4
Size 5
Size 6
Size 7
Font Weight
Change font weight with .font-font_weight (e.g., .font-light)
Light Text
Normal Text
Medium Text
Semibold Text
Bold Text
Text Alignment
Change text alignment to center, start, end or justified
Centered text
Left aligned text
Right aligned text
JUSTIFIED TEXT, amet consectetur adipisicing elit. Fuga, vel quos amet sapiente beatae repellat animi aut praesentium esse enim quia deleniti dolorem eum similique atque.
Text decoration & transform
Text with underline
Deleted Text
uppercase text
LOWERCASE TEXT
capitalized text
Colors
Apply color to the text with .txt-color_name (e.g., .txt-primary)
primary text
secondary text
success text
danger text
warning text
info text
light text
dark text
white text