possibile definire un array in Sass?
Domanda
chiedendo se è possibile utilizzare un array con Sass come ho trovato la mia auto a ripetere il seguente genere di cose:
.donkey
h2
background-color= !donkey
.giraffe
h2
background-color= !giraffe
.iguana
h2
background-color= !iguana
Soluzione
No, questo non è possibile. Il modo migliore per farlo è quello di definire un mixin:
+animal-h2(!name, !color)
.#{name} h2
background-color= !color
Poi si può avere una linea per ogni stile, anziché tre:
+animal-h2("donkey", !donkey)
+animal-h2("giraffe", !giraffe)
+animal-h2("iguana", !iguana)
Altri suggerimenti
Assolutamente.
$animals: "donkey", "giraffe", "iguana"
@foreach $animal in $animals
.#{$animal}
h2
background-color: !#{$animal}
La risposta di NEX3 è corretta. Per ottenere questo lavoro con SASS on Rails 3.1 avevo bisogno di avere quanto segue in un file css.scss:
$donkey: #CC4499;
@mixin animal-h2($name, $color) {
.#{$name} h2 {
background-color: $color;
}
}
@include animal-h2("donkey", $donkey);
@include animal-h2("horse", #000);
Quali uscita:
.donkey h2 {
background-color: #CC4499;
}
.horse h2 {
background-color: black;
}
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow