设置全局Sass变量

时间:2019-04-29 17:18:36

标签: css sass directory global

我有一个名为_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变量,以便所有嵌套的组件和目录都可以使用它?

0 个答案:

没有答案