CSS – Klassen
Elementen können je nach Eigenschaften unterschiedliche CSS-Klassen, die im Tab ‚Stil‘ angelegt werden können, zugewiesen werden.
Folgende Möglichkeiten bestehen:
Allgemein:
Die angegebene Klasse wird dem Element immer zugewiesen, egal, welchen Zustand das Element hat
Quelle über Schwelle (positiv)
Die angegebene Klasse, wird dem Element nur zugewiesen, wenn der Wert über der Schwelle liegt und positiv ist
Quelle unter dem Schwellenwert (positiv)
Die angegebene Klasse, wird dem Element nur zugewiesen, wenn der Wert unter der Schwelle liegt und positiv ist
Quelle über Schwelle (negativ)
Die angegebene Klasse, wird dem Element nur zugewiesen, wenn der Wert über der Schwelle liegt und negativ ist
Quelle unter dem Schwellenwert (negativ)
Die angegebene Klasse, wird dem Element nur zugewiesen, wenn der Wert unter der Schwelle liegt und negativ ist
Beispiel mit normalen CSS-Eigenschaften
Erstellen Sie im ‚Stile‘-Tab eine neue Klasse und weisen Sie die Klasse dem zuvor beschriebenen CSS-Feld zu.
.element_red {
fill: #c20b33 !important;
}
Beispiel mit CSS-Eigenschaften zum Ändern von Symbolen
.element_other_icon path {
d: path('M16 20H8V6H16M16.67 4H15V2H9V4H7.33C6.6 4 6 4.6 6 5.33V20.67C6 21.4 6.6 22 7.33 22H16.67C17.41 22 18 21.41 18 20.67V5.3 3C18 4,6 17,4 4 16,67 4M15 16H9V19H15V16M15 7H9V10H15V7M15 11,5H9V14,5H15V11 .5Z');
}
Symbole von https://icon-sets.iconify.design/
Suchen Sie das Symbol, klicken Sie darauf, klicken Sie etwas weiter unten auf SVG, kopieren Sie den Text von „d“ dort und fügen Sie ihn in das Beispiel ein