在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）。

（也有可能，但平凡的，使用JS變量在CSS預處理我們這樣做是在內部從JS產生薩斯變量對象）。