У меня есть файл с именем _colors.scss, который имеет следующее:
$base-vwhite: #ffffff;
$base-brand: #9ea70f;
Это импортируется в файл с именем utilities:
@import 'colors.scss';
У меня есть scss с именемcomponents.scss, который импортирует все стили компонентов:
@import 'menu.scss';
component.scss и utilities.scss добавляются в main.scss
@import 'utilities/utilities.scss';
@import 'components/components.scss';
Моя проблема возникает, когда пытается menu.scssчтобы вызвать переменную цвета:
.menu{
background-color: $base-brand;
}
Я получаю сообщение об ошибке: Неопределенная переменная: "$ base-brand;".
Как мне установить переменную цвета, чтобы она могла бытьиспользуется всеми вложенными компонентами и каталогами?