можно определить массив в Sass?

Question

интересно, если можно использовать массив с Sass, как я нахожу мой сам повторять следующий вид вещи:

.donkey 
    h2 
    background-color= !donkey 

.giraffe 
    h2 
    background-color= !giraffe 

.iguana 
    h2 
    background-color= !iguana 

Answer 1

Нет, это невозможно. Лучший способ сделать это состоит в определении подмешать:

+animal-h2(!name, !color) 
    .#{name} h2 
    background-color= !color 

Тогда вы можете иметь одну строку на стиль, а не три: ответ

+animal-h2("donkey", !donkey) 
+animal-h2("giraffe", !giraffe) 
+animal-h2("iguana", !iguana) 

Answer 2

NEX3 является правильным. Для того, чтобы получить эту работу с SASS на Rails 3.1 я должен иметь следующее в файле css.scss:

$donkey: #CC4499; 

@mixin animal-h2($name, $color) { 
    .#{$name} h2 { 
    background-color: $color; 
    } 
} 

@include animal-h2("donkey", $donkey); 
@include animal-h2("horse", #000); 

Какой выход:

.donkey h2 { 
    background-color: #CC4499; 
} 

.horse h2 { 
    background-color: black; 
} 

Answer 3

Абсолютно.

$animals: "donkey", "giraffe", "iguana" 
@foreach $animal in $animals 
    .#{$animal} 
    h2 
     background-color: !#{$animal}