次のようなことを繰り返していることに気付いたので、Sassで配列を使用できるかどうか疑問に思っています:
.donkey
h2
background-color= !donkey
.giraffe
h2
background-color= !giraffe
.iguana
h2
background-color= !iguana
絶対。
$animals: "donkey", "giraffe", "iguana"
@foreach $animal in $animals
.#{$animal}
h2
background-color: !#{$animal}
いいえ、これは不可能です。これを行う最善の方法は、ミックスインを定義することです。
+animal-h2(!name, !color)
.#{name} h2
background-color= !color
次に、スタイルごとに 3 行ではなく 1 行を使用できます。
+animal-h2("donkey", !donkey)
+animal-h2("giraffe", !giraffe)
+animal-h2("iguana", !iguana)