SASS / SCSS有没有办法将两个1D列表合并为一个2D列表？

Question

在SCSS中，我想合并以下列表：

$animals: dog, cat, rabbit, horse;
$colors: brown, orange, white, black;

这样的事情：

$mylist: dog brown, cat orange, rabbit white, horse black;

这可能吗？然后我想像这样使用2d列表：

@each $animal, $color in $mylist {
   .my_#{$animal} {
     color: $color;
   }  
}

Answer 1

您正在寻找的是zip()功能：

$animals: dog, cat, rabbit, horse;
$colors: brown, orange, white, black;

@each $animal, $color in zip($animals, $colors) {
   .my_#{$animal} {
     color: $color;
   }  
}

请注意，这是Sass 3.3功能。