提问者:小点点

SASS-跨多个文件使用变量


我想保留一个中央的.scss文件,该文件存储项目的所有SASS变量定义。

// _master.scss 

$accent: #6D87A7;           
$error: #811702;
$warning: #F9E055;
$valid: #038144;
// etc... 

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

在SCSS中有办法做到这一点吗?


共1个答案

匿名用户

你可以这样做:

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

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

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

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

// Utilities
@import "utilities/variables";

// Base Rules
@import "base/normalize";
@import "base/global";

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

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

相关问题