使用SASS，如何从基本文件中定义的部分文件中访问变量？

Question

我是SASS的新手并且有一个问题，也许我没有正确理解。

我有我的基本文件（global.scss），然后有几个部分文件。我目前正在研究一个项目，我想要定义一些自定义颜色（例如，我希望能够将$ color-navy定义为'＃162a3e'）。如何设置这些变量并在我的部分文件和基本文件中访问它们？

我真的希望这是有道理的，如果需要，我会尝试澄清更多。

Answer 1

首先，您使用

等内容制作文件variables.scss

$navy: #162a3e;

接下来，您只需在每个部分（和您的全局）的开头包含此文件，如下所示：

// Import this in any partial and in your global.scss
@import "variables";

// you have access to $navy ! yay
.saucy{
   color: $navy;
}

从技术上讲，只有当你只是编译global.scss（而不是将parts作为单独的样式表）时，你才可以在global.scss中导入它，但这只是一个更大的话题。每次导入variables.scss都不会造成伤害。