Телеграмм чат группы ember

У меня есть scss стили с переменными, который во время билд тайма заменяются значением переменной. Но нужно сделать так, чтобы их можно было заменить во время ран тайма кастомными стилями. Кто-то сталкивался? Я планирую заменить на css variables и заюзать что-то типа https://github.com/malyw/css-vars

GitHub

malyw/css-vars

Sass mixin to use CSS Custom Properties with Sass. Contribute to malyw/css-vars development by creating an account on GitHub.

источник

16:51пожаловаться #6

Artem in Ember_js

юзал css variables на старой работе, когда нужно было сделать темную и светлую темы, очень удобно все

источник

16:52пожаловаться #7

Artem in Ember_js

даже без посторонних либ, но мб юзкейса не было

источник

16:52пожаловаться #8

Bratko Bob in Ember_js

Да я бы и без посторонних либ рад заюзать, но все стили в scss и я не могу найти можно ли заставить scss компайлить $some-var в —some-var без библиотек

источник

16:54пожаловаться #9

Artem in Ember_js

у нас это +- так было


body {
  color: var(--body-color);
  background-color: var(--body-bg);
}

@supports(--css: variables) {
  [data-theme="dark"] {
    --body-bg: #000;
    --body-color: #fff;
  }
}

<body data-theme="light">

источник

16:57пожаловаться #10

Alex Kanunnikov in Ember_js

вроде как можно значение прям из атрибута брать

источник

17:03пожаловаться #11

Alex Kanunnikov in Ember_js

h2 {
color: attr(data-color);
}

источник

17:04пожаловаться #12

Alex Kanunnikov in Ember_js

или не работает? за 2017 год данные говорят что скорее не работает