CSS Cassiopeia Variablen

chr-hl · 4. November 2022

Hallo,

gibt es eine Beschreibung, wie das mit den Variablen in der template.css funktioniert?
Kann ich in der user.css diese Variablen "überschreiben"?

U.a. wollte ich herausfinden, welche Schriftart verwendet wird und da bin ich nicht weitergekommen.

Eine Variable "--body-font-family", die wieder aus Variablen besteht, die ich aber in der template.css nicht gefunden habe.

Code

--body-font-family: var(--cassiopeia-font-family-body,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");

Christian

drmenzelit · 4. November 2022

Ja, kannst du, entweder für ein Element oder eine Klasse oder für überall

Code

p {
--cassiopeia-font-family-body: Arial;
}

.own {
--cassiopeia-font-family-body: Arial;
}

:root {
--cassiopeia-font-family-body: Arial;
}

Alles anzeigen

Own Colours - Cassiopeia Demo

Sieger66 · 8. August 2023

Und vorhandene Variablenwerte z.B. für irgendetwas benutzen z.B. für eigene Klassen per:

Code

.meineklasse {
 color: var(--cassiopeia-color-primary) ;
}