SASS-跨多个文件使用变量

我希望保留一个中心.scss文件,用于存储项目的所有SASS变量定义

/\u master.scss
$accent:#6D87A7;
$error:#811702;
$warning:#F9E055;
$valid:#038144;
//等等。。。

该项目将有大量的CSS文件,由于其性质。我必须在一个位置声明所有项目范围的样式变量,这一点很重要

在SCSS中是否有这样做的方法

您可以这样做:

我有一个名为utilities的文件夹,里面有一个名为_variables.scss的文件

在该文件中,我声明了如下变量:

$black:#000;
$white:#fff;

然后我有一个style.scss文件,我在其中导入了所有其他scss文件,如下所示:

//实用程序
@导入“实用程序/变量”;
//基本规则
@导入“基本/规范化”;
@导入“基本/全局”;

然后,在我导入的任何文件中,我都应该能够访问我声明的变量

只需确保在导入任何其他变量文件之前导入该变量文件即可

发表评论