SuperX

KontaktMail für InfosSuchenLogin

Einzel-Merkmalsvariablen

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; 
}