Как получить название scss переменных в js (angular2+)?

Question

[vladimirincog]

Подскажите, как можно получить название scss переменных в js ?
P.S. желательно в контекста angular 2+ =)

Comments

[Игорь]

:root {
  --sex: 10px;
}

ngOnInit() {
  const mainSex = getComputedStyle(document.documentElement).getPropertyValue('--sex');
  console.log(mainSex); 
}

[vladimirincog]

Игорь, В Вашем примере получаем значение переменной, а в вопросе название переменных (т.е. список всех переменных). Но для решения моей задачи это тоже подойдет! Спасибо!

Интересно как получить список всех переменных, поэтому оставлю вопрос открытым

[iBird Rose]

никак. если только сам в js явно где то не передашь

[Rsa97]

Браузер ничего не знает о scss/sass. В него попадает уже скомпилированный CSS.

[WbICHA]

vladimirincog,

Object.values(getComputedStyle(document.documentElement)).filter(key => /^--[a-z]/.test(key))

Только я хз соберёт ли он все ключи или нет.

[Евгений Косухин]

Я с ангуларом не особо знаком, но если работает на вебпаке
то можно использовать scss модули
https://www.developerhandbook.com/blog/webpack/how...

и передать объект нужных переменных из scss
вот так например
:export {
background: var(--sectionDefaultBackground);
}

нужно будет только импортировать модуль в JS.

Может поможет может нет.