CSS-Variablen anlegen und verwenden

Aufgabe

Die Farbwerte des Corporate Designs sollen an zentraler Stelle gespeichert werden, so dass bei einer Änderung der Wert nur einmal angepasst werden soll.

Lösung

CSS-Variable anlegen (Bis Flare V2023):

  1. Stylesheet öffnen

  2. CSS-Variable hinzufügen

  3. Im Dialog die Werte ergänzen

    Zum Vergrößern / Verkleinern auf das Bild klicken

  4. Schaltfläche OK um die CSS-Variable anzulegen

    Zum Vergrößern / Verkleinern auf das Bild klicken

CSS-Variable anlegen (ab Flare V2023r2):

  1. Branding Stylesheet öffnen

  2. CSS-Variable hinzufügen (Im Quellcode des Stylesheets)

  3. Im Editor die Werte ergänzen

    Zum Vergrößern / Verkleinern auf das Bild klicken

CSS-Variable verwenden:

  1. Stylesheet öffnen

  2. Erweiterte Ansicht wählen

  3. Style öffnen

  4. Cursor im gewünschten Feld platzieren

  5. In der Toolbar des Stylesheet-Editors die Schaltfläche Insert CSS-Variable klicken

    Zum Vergrößern / Verkleinern auf das Bild klicken

Autor: Birgit Becker / Letzte Änderung: 28.2.2025