Text colour
You rarely have to set the text colour in Mybring. The different utilities and components have already set the colours. These are more if you have to override or make local adjustments.
Class | Declaration | Colour | Usage | hex |
---|---|---|---|---|
base | color: hsl(0, 0%, 20%) |
Mybring
Mybring
Mybring
|
Default text colour in Mybring, you only need to set this class if you have to override something. | #333333 |
white | color: hsl(0, 0%, 100%) |
Mybring
Mybring
Mybring
|
This class is just in case there for some reason should be need for negative text. | #ffffff |
error | color: hsl(3, 77.5%, 51.5%) |
Mybring
Mybring
Mybring
|
Small error texts, like the ones found in forms. | #e32d22 |
green-dark | color: hsl(155, 100%, 19.6%) |
Mybring
Mybring
Mybring
|
Certain section headings, typically combined with uppercase utility ttu . |
#00643a |
Accessible text colors
Remember to check contrast ratio when working with text colour. For normal text, the score needs to be 4.5 or higher. Read more about styling of links.
Deprecated
near-black
and gray
is deprecated. base
should be used instead.