Как задать переменные в scss?

Question

[Шухрат Рустамов]

В файле scss у меня есть переменные в тэге html, как сделать так чтобы в тэге html с атрибутом data-theme="dark" эти переменные имели другое значение? И применять эти переменные в опциях других элементов? Знаю что есть --имя__переменной и применять их так: var(--имя_переменной), но хочу узнать есть ли другие способы?

Comments

[WapSter]

Только я нифига не понял?

Answer 1

[Aetae]

Не путайте тёплое с мягким. Переменные --some и, соотетветственно, var(--some) - это пременные css, sass тут не при чём. Они работают в рантайме и в рамках css модели.
Переменные sass начинаются на $ и работают на этапе компиляции. В итоговом css вместо них просто подставляются их значения.
В css поменять значение переменных для элемента с атрибутом data-theme="dark" и всех его детей в рамках dom можно так:

[data-theme="dark"] {
  --some: some;
}

В sass поменять значение переменных для элемента с атрибутом data-theme="dark" и всех его детей в рамках конкретной sass-иерархии в конкретном файле можно так:

[data-theme="dark"]
  $some: some

Comments

[Шухрат Рустамов]

Вы меня не так поняли, я знаю что есть --, и что в css, мне просто было интересно можно ли это реализовать в scss с помощью $:)