Использование глобальных переменных для Less in Angular

Question

Я настроил свой проект как Less in Angular, чтобы использовать преимущества переменных и тому подобное в моем CSS.Но проблема в том, что я должен определить эти переменные в каждом компоненте, что не делает его таким эффективным.Есть ли способ установить глобальные переменные?

Поэтому я хочу избавиться от этого:

В моем компоненте меньше:

@pink-color: #FC9DB5; // I want to get this from a single
                      // file which I import on each component
header {
  background-color: @pink-color;
  height: 100px;
}

Answer 1

Это то, для чего @import;позволяет импортировать файлы переменных.