在 blueprintjs 中使用颜色变量
Using color variables in blueprintjs
是否需要使用像 less 或 sass 这样的 css 预处理器才能访问 Blueprint.Colors 中定义的颜色变量?
我查看了源代码,那些只出现在 .scss 和 .less 文件中。但是,文档假定可以使用默认设置访问变量。
Blueprint.Colors
是一个JS对象,可以在你的JS代码中使用。它不需要 CSS 预处理器,因为它只是一个普通的 JS 对象 (source code)。示例:Blueprint.Colors.BLACK
、Blueprint.Colors.BLUE3
.
Sass变量全部以$
开头,只能在导入蓝图variables.scss
文件的Sass文件中使用。示例:$black
、$blue3
。 (较少的变量具有相同的名称但使用 @
前缀:@black
。)
(在 CSS 预处理器中使用 JS 变量也是可能的,但并不简单。我们通过从 JS 对象生成 Sass 变量来在内部执行此操作。)
是否需要使用像 less 或 sass 这样的 css 预处理器才能访问 Blueprint.Colors 中定义的颜色变量? 我查看了源代码,那些只出现在 .scss 和 .less 文件中。但是,文档假定可以使用默认设置访问变量。
Blueprint.Colors
是一个JS对象,可以在你的JS代码中使用。它不需要 CSS 预处理器,因为它只是一个普通的 JS 对象 (source code)。示例:Blueprint.Colors.BLACK
、Blueprint.Colors.BLUE3
.
Sass变量全部以$
开头,只能在导入蓝图variables.scss
文件的Sass文件中使用。示例:$black
、$blue3
。 (较少的变量具有相同的名称但使用 @
前缀:@black
。)
(在 CSS 预处理器中使用 JS 变量也是可能的,但并不简单。我们通过从 JS 对象生成 Sass 变量来在内部执行此操作。)