Text color

Example

Primary Text
Secondary Text
Danger Text
Info Text
Success Text
Warning Text
Light Text
Lighter Text
Lightest Text
Dark Text
Darker Text
Darkest Text

Classes

Format: .u-color__text--color

Modifiers Description Values
color Applies given color primary, secondary, success, info, warning, danger

Background color

Example

Default
Primary
Secondary
Danger
Warning
Info
Success
Darkest
Darker
Dark
Light
Lighter
Lightest
Compl.
Compl. light
Compl. lighter
Compl. lightest

Classes

Format: .u-color__bg--color

Modifiers Description Values
color Applies given color primary, secondary, success, info, warning, danger