Variablen in SASS
Die Sprache SASS erlaubt die Verwendung von Variablen. Eine Variable stellt einen Container dar, in dem man Daten speichern und an den benötigten Stellen im Code verwenden kann.
Um eine Variable zu erstellen, muss man sich
ihren Namen ausdenken
und davor das Zeichen $ setzen.
Dann setzen wir nach dem Variablennamen einen Doppelpunkt
und weisen den Wert dieser Variable zu. Lasst uns
zur Veranschaulichung eine Variable mit dem Namen var erstellen:
$var: 20px;
Lasst uns diese Variable nun als Wert für eine Eigenschaft verwenden:
p {
font-size: $var;
}
Als Ergebnis wird nach der Kompilierung nach CSS anstelle unserer Variable ihr Wert eingesetzt:
p {
font-size: 20px;
}
Erklärt, wie das Ergebnis der Kompilierung des folgenden Codes aussehen wird:
$color: #000;
p {
color: $color;
}
