@shukha04
Начинающий веб-разработчик

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

В файле scss у меня есть переменные в тэге html, как сделать так чтобы в тэге html с атрибутом data-theme="dark" эти переменные имели другое значение? И применять эти переменные в опциях других элементов? Знаю что есть --имя__переменной и применять их так: var(--имя_переменной), но хочу узнать есть ли другие способы?
  • Вопрос задан
  • 87 просмотров
Пригласить эксперта
Ответы на вопрос 1
Aetae
@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
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы