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
Primary Contrasting Text
Secondary Contrasting Text
Classes
Format: .u-color__text--color
| Modifiers | Description | Values |
| color | Applies given color | default, primary, secondary, success, info, warning, danger, darkest, darker, dark, light, lighter, lightest, primary-contrasting, secondary-contrasting |
Background color
Example
Default
Primary
Secondary
Danger
Warning
Info
Success
Darkest
Darker
Dark
Light
Lighter
Lightest
Compl.
Compl. light
Compl. lighter
Compl. lightest
Transparent
Classes
Format: .u-color__bg--color
| Modifiers | Description | Values |
| color | Applies given color | default, primary, secondary, success, info, warning, danger, darkest, darker, dark, light, lighter, lightest, complementary, complementary-light, complementary-lighter, complementary-lightest |