Угловые глобальные переменные

Question

Я определил такую ​​переменную в глобальном scss с именем styles.scss в angular6

$color-redpink-dark: #E84A5F;

, и я хочу использовать переменную в компоненте scss, но когда я объявляю свойство, у меня появляется следующееoutput:

  background-color: $color-redpink-dark;               
  Undefined variable: "$color-redpink-dark".

Разве компонент scss не должен использовать цвет, определенный в глобальном scss?

Greetings.

Answer 1

Вы должны импортировать файл с определенной переменной в начале файла component.scss, используя переменную:

@import 'your-file-name';

background-color: $color-redpink-dark;