Sass @each com várias variáveis
Estou apenas começando com Sass e Compass, e estou adorando. Algo que eu gostaria de fazer é aproveitar o@each
para simplificar tarefas repetitivas. No entanto, só vi exemplos de@each
inserindo uma variável e eu gostaria de poder usar várias variávei
A maneira padrão (a partir deeferência @Sass):
@each $animal in puma, sea-slug, egret, salamander {
.#{$animal}-icon {
background-image: url('/images/#{$animal}.png');
}
}
O que é ótimo, mas eu gostaria de poder fazer algo como:
@each {$animal $color} in {puma black}, {sea-slug green}, {egret brown}, {salamander red} {
.#{$animal}-icon {
background-color: #{$color};
}
}
Isso é possível