Text

Use these classes to override the text style of an element.

Variant

Class Description

h1

Heading 1

h2

Heading 2

h3

Heading 3

h4

Heading 4

h5

Heading 5

h6

Heading 6

subtitle

This is an emphasised text style, usually used for lead text in section header.

body

This is the default text size

caption

This is a smaller text style, usually used for form labels or captions.

overline

This is the smallest text style, used with caution.

Color

Class Description

text--default

This is a default text

text--alt

This is an alternate text

text--disabled

This is a disabled text

text--contrast

This is a default contrast text

text--contrastAlt

This is an alternate contrast text

text--contrastDisabled

This is a disabled contrast text

text--primary

This is a primary text

text--secondary

This is a secondary text

text--highlight

This is a highlight text

text--success

This is a success text

text--info

This is an info text

text--warning

This is a warning text

text--error

This is an error text

Alignement

Class Description

text--left

Left text

text--center

Centered text

text--right

Right text

Style

Class Description

text--underline

Add a line below the text

text--italic

Slant the text

text--strikeThrough

Add a line through the text

Weight

Class Description

text--light

Text with a light weight

text--regular

Text with a regular weight (default for body styles)

text--bold

Text with a bold weight