Sass @each с несколькими переменными

Я только начинаю работать с Sass и Compass, и мне это нравится. Я бы хотел воспользоваться функцией @each , чтобы упростить повторяющиеся задачи. Однако я видел только примеры @each , вставляющих одну переменную, и я хотел бы иметь возможность использовать несколько переменных.

Стандартный способ (из Sass Reference ]):

@each $animal in puma, sea-slug, egret, salamander {
  .#{$animal}-icon {
    background-image: url('/images/#{$animal}.png');
  }
}

Что здорово, но я хотел бы иметь возможность делать что-то вроде:

@each {$animal $color} in {puma black}, {sea-slug green}, {egret brown}, {salamander red} {
  .#{$animal}-icon {
    background-color: #{$color};
  }
}

Возможно ли это?

24
задан Volker E. 27 August 2014 в 16:25
поделиться