我想保留一个中央.scss文件,该文件存储项目的所有SASS变量定义。
// _master.scss $accent: #6D87A7; $error: #811702; $warning: #F9E055; $valid: #038144; // etc...
由于其性质,该项目将具有大量CSS文件。我必须在一个位置声明所有项目范围的样式变量,这一点很重要。
有没有办法在SCSS中做到这一点?
您可以这样做:
我有一个名为Utility的文件夹,并且在其中有一个名为_variables.scss的文件
在该文件中,我这样声明变量:
$black: #000; $white: #fff;
然后我有style.scss文件,在其中我导入所有其他的scss文件,如下所示:
// Utilities @import "utilities/variables"; // Base Rules @import "base/normalize"; @import "base/global";
然后,在我导入的任何文件中,我都应该能够访问我声明的变量。
只要确保先导入变量文件,然后再使用其他任何变量文件即可。