Есть несколько способов сделать это, но вы ищете sass mixin.
Хотя это хорошее решение для простых случаев использования, оно не всегда самое простое.
Здесь я оставляю один пример.Я надеюсь, что это полезно:
@mixin transition($duration, $ease, $props){
$value: '';
@if(type-of($props)=='string'){
$value: $props $duration $ease;
}
@if(type-of($props)=='list'){
$i: 0;
@each $prop in $props{
$i: $i + 1;
$value: #{$value} $prop $duration $ease if(length($props) == $i, unquote(''), unquote(','));
}
}
transition: $value;
}
.someClass {
@include transition(200ms, ease-in-out, $props: color background);
}