объединить имена переменных SASS с помощью интерполяции - PullRequest
1 голос
/ 04 августа 2020

У меня есть сотни переменных SASS в следующем формате:

$color-apples-bg: red;
$color-apples-fg; white;
$color-bananas-bg: yellow;
$color-bananas-fg: black;
$color-cherries-bg: burgundy;
$color-cherries-fg: white;

Я пытаюсь объединить и интерполировать правильное имя переменной следующим образом:

$fruits: apples, bananas, cherries;

@each $name in $fruits {
  body.#{$name} {
    background-color: $color-#{$name}-bg;
    color: $color-#{$name}-fg;
  }
}

Однако, это приводит к ошибке компиляции. Можно ли как-нибудь это сделать?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...