Передайте список аргументов в sass mixin и составьте из него одно значение - PullRequest
0 голосов
/ 18 января 2019

Извините за запутанный заголовок, не знаю, как написать его в простом поместье.

То, что я хочу, выглядит примерно так:

.someClass {
  @include transition(color, background);
}

для транспортировки:

.someClass {
  transition: color 200ms ease-in-out, background 200ms ease-in-out;
}

Я не могу найти это в документации.

Любая помощь приветствуется.

1 Ответ

0 голосов
/ 19 января 2019

Есть несколько способов сделать это, но вы ищете 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);
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...