Как использовать переменною scss в js?

Question

[lillianfisher]

Здравствуйте, у меня есть много scss констант и мне нужно в js задавать стили значения которых равны scss константам. Сущевствует ли способ указывать значение scss константы в js а не высчитывать ее самому...
К примеру
$pi: 3.1415926535897932384626433832795;

document.getElementByID("el").style.opacity = "  `require(scss).$pi` / 6 "

Значение должно подставлятся на етапе компиляции

Comments

[Александр]

Чтобы Вы понимали, когда сайт уже отображается SCSS больше не существует - он скомпилирован в обычный CSS. SCSS - препроцессор.
Ну и конечно, высчитывать константу Пи в JS? Вы серьезно?

Answer 1

[Алексей Дубровин]

На прямую нет.
Только что придуманный хак.

:root {
--test: 'Мегаполезная переменная которую нельзя просто запихнуть в js'
}

- css(https://developer.mozilla.org/ru/docs/Web/CSS/:root) запихиваем наши константы. которые мы хотим далее использовать.

Стили подключаем в начало, js позже.
Получаем значение

document.querySelector(':root').attributeStyleMap.get('--test');