Несколько свойств обрабатываются как отдельные аргументы в миксинах

Я пытаюсь написать миксин, но у меня не получается заставить аргументы работать так, как я хочу: несколько свойств обрабатываются каждое как отдельный аргумент.

Текущий код

.transition(@property: all, @time: 1s, @timing: ease-in-out) {
    -moz-transition: @property @time @timing;
    -webkit-transition: @property @time @timing;
    -o-transition: @property @time @timing;
    transition: @property @time @timing;
}

a {
    .transition(color, opacity, .5s);
}

Желаемый результат

a {
    -moz-transition: color, opacity .5s ease-in-out;
    -webkit-transition: color, opacity .5s ease-in-out;
    -o-transition: color, opacity .5s ease-in-out;
    transition: color, opacity .5s ease-in-out; 
}

Фактический результат

a {
    -moz-transition: color opacity .5s;
    -webkit-transition: color opacity .5s;
    -o-transition: color opacity .5s;
    transition: color opacity .5s;  
}

Есть идеи?

18
задан Harry 15 February 2015 в 03:19
поделиться