Die deklarierten Einzel-Merkmalsvariablen werden wirksam, indem sie den betreffenden Selektoren in der scss-Datei zugeordnet werden.
- Beispiel: blaugrauer Hintergrund des input-containers mit direkter Farbangabe ohne sass-Variable:
.input-container {
display: flex;
flex-direction: row;
background-color: #ECF0F3;
}
- Zum Vergleich: blaugrauer Hintergrund des input-containers mit sass-Variable, der zuvor der gewünschte Farbton zugewiesen wurde:
$input-container-background: #ECF0F3;
.input-container {
display: flex;
flex-direction: row;
background-color: $input-container-background;
}