用 Next.js 自定义 Bulma

Question

我尝试为我的 Next.js 项目自定义 Bulma 默认黄色。

我有一个全局 Sass 文件，我要在其中更改默认的 $yellow 和 $warning 颜色。但是，当我在 _app.js 中导入此文件时，没有任何反应。

@import "../node_modules/bulma/sass/utilities/initial-variables"

$yellow: #dc7185
$warning: $yellow

@import "bulma/css/bulma.css"

Answer 1

由于您想覆盖 Sass 变量，因此您需要导入 Sass 文件而不是 CSS 文件。

/* You global Sass file */

$yellow: #dc7185;
$warning: $yellow;

@import "~bulma/bulma.sass";