Sass @each with multiple variables

Question

I\'m just getting started with Sass and Compass, and I\'m loving it. Something I\'d like to do is take advantage of the @each function to simplify repetitive ta

Answer 1

Another solution could be to create different lists and "zip" them.

//Create lists
$animals: puma, sea-slug, egret, salamander;
$animals-color: black, green, brown, red;

//Zip lists
$zoo: zip($animals, $animals-color);

//Do cycle
@each $animal, $color in $zoo {
    .#{$animal}-icon {
        background-color: $color;
    }
}

Probably this solution is more complicated to mantain than the others, but if you use a list more than one time, you can save time. (was my case)