Блог

У меня есть эта переменная в моем global.scss файле:

$orange: #ee6123;

Я хочу использовать его в таблице стилей моего компонента (в header.scss ):

 .header { background: $orange; }
  

Глобальная таблица стилей расположена в /static/css/global.scss , а таблица стилей компонента расположена в src/components/Header/index.scss . Глобальная таблица стилей включена в мой базовый src/index.jsx файл. Таблица стилей компонента включена в src/components/Header/index.jsx . Могу ли я каким-либо образом использовать $orange переменную в таблице стилей моего компонента?