我尝试自定义 bulma 默认颜色。我已经安装了 node-sass 并且它似乎正在工作并且我在我的根 scss 文件中编写了脚本
@import '../node_modules/bulma/sass/utilities/initial-variables.sass';
$blue: #72d0eb;
$pink: #ffb3b3;
$pink-invert: #fff;
$family-serif: "Merriweather", "Georgia", serif;
@import '../node_modules/bulma/sass/utilities/derived-variables.sass';
$primary: $pink;
$primary-invert: $pink-invert;
$family-primary: $family-serif;
@import '../node_modules/bulma/css/bulma.css'
但是,这似乎并没有改变我项目中的原色或主要字体选择。我已经在 react 上将此文件导入我的 index.js 文件中,并且 bulma 肯定可以正常工作,只是不接受我的自定义。
更新:这里是 bulma 文档的链接,描述了如何执行此操作 http://bulma.io/documentation/overview/customize/我也尝试过这种方式但没有成功