Some components (like button or headline) change their color based on what page they are (and what brand they belong to). To make this easier to manage, all these components rely on additional classes that give them their color.
| Class name | Property | Description |
|---|---|---|
.b-group |
none | Add to html to indicate this is a page of the Arbeitswelt. |
.b-organization |
none | Add to html to indicate this is a page of an organization. |
.b-color |
color | The color of text. Also includes :after and :before. |
.b-background |
background-color | The background color of a component. |
.b-border |
border-color | Seting the color of borders. |
.b-group-background |
background | Sets the background to the group brand color. |
.b-group-color |
background | Sets the color to the group brand color. Also includes :after and :before. |