Zum Hauptinhalt springen

Symbol

Ein nicht interaktiver Baustein zur Anzeige eines Symbols aus dem Icon Pool von semantic-ui.

CSS Klassen​

  • dashboardIconControl: die CSS Klasse für das HTML Element (DIV) zur Repräsentation des Elementarbausteins als Ganzes.
  • dashboardIconControlIcon: eine CSS Klasse für das HTML Element (DIV), das als Hülle für das eigentliche Symbol (HTML Element (I) mit mindestens der CSS Klasse icon) dient.

CSS Variablen​

  • --dashboard-icon-control-text-foreground, Voreinstellung #000000: die Farbe des Symbols an sich (CSS color). Ist dies Variable nicht gesetzt, dafür aber --dashboard-control-text-foreground, so wird deren Wert vor der Voreinstellung verwendet.
  • --dashboard-icon-control-text-background,Voreinstellung transparent: der Hintergrund des Symbols an sich (CSS background). Ist dies Variable nicht gesetzt, dafür aber --dashboard-control-text-background, so wird deren Wert vor der Voreinstellung verwendet.

Besondere Hinweise​

Die Größe des Symbols selbst wird über den Parameter Character size (px) absolut festgelegt - ist dieser 0, so wird die Vorgabe aus der Vorlage respektive des Steuerelementes verwendet.