Переменная scss sass не работает в файле для фона ⇐ CSS

[Anonymous]

Код: Выделить всё

$enable-grid-classes: false;
$enable-cssgrid:true;

$deepBlue: #032f3e;

body {
--bs-body-bg: orange ;
}

@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap";
@import "../node_modules/bootstrap/scss/bootstrap";

Код: Выделить всё

Frontend Mentor | Single-page developer portfolio



Hello World!

Я пытаюсь использовать переменную sass, чтобы применить цвет фона к таблице стилей scss. У меня есть живой компилятор. Я могу использовать --bs-body-bg: #(any-color) для применения настроек, но не могу применить переменные, которые хотел бы использовать. Я также пробовал изменить переменные внутри файлаvariable.scss. в nodemules.
Я пробовал использовать разные компиляторы. Я попытался удалить файлы custom.css и custom.scss, чтобы они могли снова скомпилироваться. Переменные, которые я создаю в файле scss, вообще не работают. Только если я вставлю --bs-*. Я использую загрузочную версию 5.3.3. Я не хочу интерполировать. Спасибо

Подробнее здесь: https://stackoverflow.com/questions/786 ... background