userAlexander
@userAlexander
Верстка наше все)

Как использовать Х аргумент @mixin несколько раз на одном элементе?

Добрый день!

Есть sass миксин на использование transition:
@mixin transition-base($property:false){
    @if(not $property){
        transition:all 250ms ease 0s;
    }
    @else{
        transition:$property 250ms ease 0s;
    }
}


Подскажите пожалуйста, как правильно использовать аргумент $property несколько раз на одном элементе?
Логика примерно такая:
.text{
    @include transition-base($property:padding, $property:color);
}


Стремлюсь к такому итоговому коду:
transition:padding 250ms ease 0s, color 250ms ease 0s;


Спасибо!

upd
При использовании такого набора
@include transition-base(padding, color, border-color);

Генерирует почти то, что надо, только в первых значениях вместо 250ms генерирует 0s
transition:padding 0s ease 0s, color 0s ease 0s, border-color 250ms ease 0s;
  • Вопрос задан
  • 114 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы