我有一个名为_colors.scss
的文件,其内容如下:
$base-vwhite: #ffffff;
$base-brand: #9ea70f;
这被导入到名为utilities
的文件中:
@import 'colors.scss';
我有一个名为components.scss
的scss,它可以导入所有组件样式:
@import 'menu.scss';
component.scss和Utility.scss已添加到main.scss
@import 'utilities/utilities.scss';
@import 'components/components.scss';
当menu.scss尝试调用颜色变量时,出现了我的问题:
.menu{
background-color: $base-brand;
}
我收到错误:未定义变量:“ $ base-brand;”。
我需要如何设置colors变量,以便所有嵌套的组件和目录都可以使用它?