在blueprintjs中使用颜色变量

Question

是否有必要使用像less或sass这样的css预处理器来访问Blueprint.Colors中定义的颜色变量？ 我查看了源代码，只显示了.scss和.less文件。但是，文档假定可以使用默认设置访问变量。

Answer 1

Blueprint.Colors是一个可以在JS代码中使用的JS对象。它不需要CSS预处理器，因为它只是一个普通的JS对象（source code）。示例：Blueprint.Colors.BLACK，Blueprint.Colors.BLUE3。

Sass变量都以$开头，只能在导入Blueprint variables.scss文件的Sass文件中使用。示例：$black，$blue3。 （较少的变量具有相同的名称，但使用@前缀：@black。）

（在CSS预处理器中使用JS变量也是可能的，但非常重要。我们在内部通过从JS对象生成Sass变量来实现。）