使用scss更改Bulma默认颜色而不下载/安装

Question

我试图在bulma中简单地更改“is-primary”类的颜色。我试图编写一个scss文件来更改值而不通过npm安装bulma。我试图通过使用cloudfare链接导入，这可能吗？

这是我的scss文件：

@import "https://cdnjs.cloudflare.com/ajax/libs/bulma/0.4./css/bulma.cssbulma/sass/utilities/initial-variables";

$tech-blue : #2c3e50;
$primary : $tech-blue;

@import "https://cdnjs.cloudflare.com/ajax/libs/bulma/0.4.3/css/bulma.css";

此文件编译但我找不到相应的css文件，对我的实际页面没有任何影响。

Answer 1

我不认为这是可能的。 Bulma使用的变量只能由SCSS访问。所以你需要构建整个东西来混合你的颜色。渲染的CSS已经包含：

a {
  color: #00d1b2; /* can't change that later on  */
  …
}

Bulma的功能请求是通过CSS variables访问这些变量。这样，即使使用CDN中预先渲染的CSS，您也可以轻松自定义外观。