Как использовать переменные scss для объявления переменных css?

Question

[pqgg7nwkd4]

Использую webpack для сборки.

Пытаюсь собрать:

$bg-color: green;
body {
  --background-color: $bg-color;
  background-color: $bg-color;
}

Получаю:

body {
  --background-color: $bg-color;
  background-color: green; 
}

Как видим одно из использований переменной $bg-color; осталась на месте.
Как исправить?

webpack 4.6.0
node-sass version "4.9.0"
sass-graph version "2.2.4"
sass-loader version "7.0.1"

Comments

[sim3x]

Зачем?

Answer 1

[Сергей delphinpro]

body {
  --background-color: #{$bg-color};
  background-color: $bg-color;
}

Comments

[pqgg7nwkd4]

Мерси