có thể xác định một mảng trong Sass không?

Question

tự hỏi nếu nó có thể sử dụng một mảng với Sass như tôi tìm thấy bản thân của tôi lặp đi lặp lại các loại sau đây của các điều:

.donkey 
    h2 
    background-color= !donkey 

.giraffe 
    h2 
    background-color= !giraffe 

.iguana 
    h2 
    background-color= !iguana 

Answer 1

Không, đây là không thể. Cách tốt nhất để làm điều đó là để xác định một mixin:

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

Sau đó, bạn có thể có một dòng cho mỗi phong cách, chứ không phải ba: Câu trả lời

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

Answer 2

nex3 là đúng. Để làm việc này với Sass on Rails 3.1 Tôi cần phải có những điều sau đây trong một 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); 

nào đầu ra:

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

.horse h2 { 
    background-color: black; 
} 

Answer 3

Chắc chắn rồi.

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