在 blueprintjs 中使用颜色变量

Using color variables in blueprintjs

是否需要使用像 less 或 sass 这样的 css 预处理器才能访问 Blueprint.Colors 中定义的颜色变量? 我查看了源代码,那些只出现在 .scss 和 .less 文件中。但是,文档假定可以使用默认设置访问变量。

Blueprint.Colors是一个JS对象,可以在你的JS代码中使用。它不需要 CSS 预处理器,因为它只是一个普通的 JS 对象 (source code)。示例:Blueprint.Colors.BLACKBlueprint.Colors.BLUE3.

Sass变量全部以$开头,只能在导入蓝图variables.scss文件的Sass文件中使用。示例:$black$blue3。 (较少的变量具有相同的名称但使用 @ 前缀:@black。)

(在 CSS 预处理器中使用 JS 变量也是可能的,但并不简单。我们通过从 JS 对象生成 Sass 变量来在内部执行此操作。)