Farben

Es gibt folgende vordefinierte Farben:

--color-red: rgb(215, 37, 36);
--color-yellow: rgb(252, 193, 40);
--color-blue: rgb(111, 141, 189);
--color-green: rgb(132, 158, 124);
--color-grey: rgb(107, 106, 106);
--color-grey-light: hsla(0, 0%, 0%, 0.1);
--color-white: hsla(0, 0%, 100%, 1);
--color-black: hsla(0, 0%, 0%, 1);

Mit diesen Klassen können Text und Hintergründe eingefärbt werden:

.color-red
.color-yellow
.color-blue
.color-green
.color-grey
.color-grey-light
.color-white
.color-black
.background-red
.background-yellow
.background-blue
.background-green
.background-grey
.background-grey-light
.background-white
.background-black
.background-red .color-white
.background-yellow .color-black
.background-blue .color-white
.background-green .color-white
.background-grey .color-white
.background-grey-light .color-black
.background-black .color-white
.color-red
.color-yellow
.color-blue
.color-green