sass - 使用 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，您也可以轻松自定义外观。