SASS-在多个文件中使用变量

Question

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

// _master.scss

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

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

有没有办法在SCSS中做到这一点？

Answer 1

您可以这样做：

我有一个名为Utility的文件夹，并且在其中有一个名为_variables.scss的文件

在该文件中，我这样声明变量：

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

然后我有style.scss文件，在其中我导入所有其他的scss文件，如下所示：

// Utilities
@import "utilities/variables";

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

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

只要确保先导入变量文件，然后再使用其他任何变量文件即可。