У меня есть сотни переменных 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;
}
}
Однако, это приводит к ошибке компиляции. Можно ли как-нибудь это сделать?