Sass - переменная с @include в качестве значения - PullRequest
0 голосов
/ 26 апреля 2018

Я создал простой миксин, который создает градиент с цветами, подаваемыми в миксин:

@mixin bgGradient($color1, $color2) {
    background-image: linear-gradient(to bottom, $color1 0%, $color2 100%);
}

Я пытаюсь сохранить этот вызов миксина в переменной:

$foo: @include bgGradient(#fff, #000);

Тем не менее, я получаю сообщение об ошибке при попытке сделать это:

Invalid CSS after "...foo:": expected expression (e.g. 1px, bold), was "@include bgGrad...")

Можно ли сохранить вызов mixin в переменной?Если так, как можно получить эту силу?Я искал Интернет и не могу найти эту проблему упомянутой ...

1 Ответ

0 голосов
/ 26 апреля 2018

Просто используйте директиву @extend.

@mixin bgGradient($color1, $color2) {
  background-image: linear-gradient(to bottom, $color1 0%, $color2 100%);
}

%foo{
  @include bgGradient(#fff, #000);
}

//Example code
.my-div{
  @extend %foo;
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...