SCSS: Variable in @for dynamisch ergänzen

k3nguruh

Erfahrenes Mitglied
Hallo

ist es möglich, eine Variable in SCSS mit einer Schleife dynamisch zu ergänzen / erstellen?

Versuche:
CSS:
@for $i from 1 through 5 {
  $color-$i: "....";
}

@for $i from 1 through 5 {
  $color-#{$i}: "....";
}

Ergebnis sollte sein:
CSS:
$color-1: "....";
$color-2: "....";
$color-3: "....";
$color-4: "....";
$color-5: "....";
 

Jan-Frederik Stieler

Monsterator
Moderator
Hi,
ja das geht. Aber ich musste z.B. mal bei den Überschriften immer $i von der H-nummer abziehen damit das funktionierte.
Wenn Deine Variante nicht funktioniert dann versuch mal
Code:
@for $i from 1 through 5 {
    $color-#{6 – $i}: "....";
}

Grüße