Sass 如何定制Bulma？

我想定制Bulma。 我看了文件 但我不能理解

npm安装bulma

cd节点_模块/bulma

mv bulma.sass bulma.sass.org

六布尔马·萨斯

粘贴设置变量代码并保存为bulma.sass

npm运行构建sass

和构建错误

请教我怎么做？

也许这就是你需要的页面

---

否则，如果您安装了

sass

，您可能会选择执行以下步骤：我不是

npm

专家，所以我选择下载Bulma，创建一个自定义

.sass

文件，让sass生成我的css。此处解释了此路径：

这可能是一种糟糕的形式，但如果您在html文件中编写自己的css，则可以添加

！重要信息

，以覆盖bulma颜色。 i、 e.如果有一个按钮颜色你不喜欢，比如

是主要的

，你可以做

背景色：蓝色！重要信息

尽量不要使用

！重要信息

到处都是

---

更好的解决方案是下载sass——但我无能为力。另一个答案应该会有所帮助？

我发现，如果您为一个div设置一个

id=“例如”

，然后转到您的style.scs，您可以为该

id.div创建一个新类，如下所示：

#for-example {
  background-color: blue;
} 

我不知道这是否是一个坏习惯，但它对我来说是有效的
 首先，最好的方法是不要更改node_模块的文件内容

最简单的方法是创建cusotm scss文件并将Bulma scss包含到其中

@charset "utf-8";
// modify the bulma variables here
$primary: #404BFF;
$navbar-item-img-max-height: 5rem;
$card-header-background-color: $primary;
$card-header-color: white;
$footer-background-color: $primary;
$footer-color: white;
// Import Bulma and Buefy styles
@import "~bulma"; // or fallow the partial import example from docs.

// add custom css here.

您停留在哪一部分？我正在尝试更改粘贴的代码以保存sass目录。并编辑package.json以指向更改后的路径，如“hoge”：“node sass——输出样式已扩展——源代码映射为true./sass/hoge.sass css/bulma.css”，npm运行hoge，但是否有必要使用sass？难道我们不能创建我们的css文件并从中重写吗？我不认为这是一个好的应用案例！在这里很重要。你尝试覆盖的样式越多！重要的案例你必须申请。