Почему не работает css переменная?

Question

[Артем Рассадин]

Добрый день! Мне необходимо создать несколько css переменных для изменения темы в проекте. Работаю на react. Дело в том, что указывая переменные через :root {...} и используя их далее браузер говорит, что переменные не заданы.

$start-gradient-light: #fff;
$end-gradient-light: #e5e5e5;
$start-gradient-dark: #231f20;
$end-gradient-dark: #231f20;

:root {
  --background-gradient-end: var(#{$end-gradient-light});
  --background-gradient-start: var(#{$start-gradient-light});
}

Answer 1

[Сергей delphinpro]

var() не нужен при объявлении свойства

:root {
  --background-gradient-end: #{$end-gradient-light};
  --background-gradient-start: #{$start-gradient-light};
}

Comments

[Артем Рассадин]

Спасибо