Als Bindeglied zwischen den Welten
Globale Variablen
Viele Werte können als Variablen gesetzt werden. Dies ermöglicht einen noch schlankeren und sauberen Umgang mit der Gestaltung.
Variablen sind Container für einen Wert. Variablen sind lesbarer (semantischer) und somit intuitiver in der Designerklärung. Sie sind Mittelmänner für Design-Spezifikationen.
Zwei Beispiele
Farben
Die Variable «primary-dark» beinhaltet den schwer lesbaren HEX-Wert #2E7A93. Im Code wird an einer Stelle die Variabel definiert und an unzähligen Orten nur den Variablen-Namen gesetzt. Ändert den Wert der Variablen «primary-dark», ändert er global.
Grössen & Abstände
Statt 50px Abstand kann man auch die Variabel «Spacing-Medium» nehmen. So kann man eine Anzahl verschiedener Abstände als Variablen definieren. Dies erlaubt ein rasches Anpassen des Codes.
