Построить единичное правило CSS с помощью @each ⇐ CSS

[Anonymous]

Я ищу способ создать одно правило CSS, используя несколько параметров с помощью Sass.

Предположим, я хочу создать миксин-переход, который принимает цели в качестве параметров для записи одного правила CSS перехода (другие параметры, такие как время перехода и т. д., являются постоянными).

Код: Выделить всё

@mixin transition($targets...) {
@each $t in $targets {
// construct the rule target by target
}
// and then transition: $rule; or something similar
}

Я хочу назвать это так

Код: Выделить всё

.foo {
@include transition(color, width);
}

и получите

Код: Выделить всё

.foo {
transition: color 100ms ease-out, width 100ms ease-out;
}

Проблема в том, что мне не удалось найти способ создания строки путем конкатенации. Возможно ли это вообще или есть другой способ сделать это?

Подробнее здесь: https://stackoverflow.com/questions/481 ... -with-each