NextJS & Bulma SASS 不更新变量

Question

大家好希望一切都好。我似乎无法让 Bulma 正确导入 NextJS 并允许我在导入任何实用程序时修改变量。我确定我做错了什么。这是我的 globals.sass:

@import "~bulma/sass/utilities/_all"

$sand: #efb396
$info: $sand

@import "~bulma/bulma.sass"

所以对于这段代码，根本没有变量发生变化。但是如果我删除第一行：

$sand: #efb396
$info: $sand

@import "~bulma/bulma.sass"

它工作得很好。这是怎么回事？感谢您的帮助！

Answer 1

要覆盖 Bulma 的任何 Sass 变量，您需要在实际导入 Bulma 之前设置它们。

$sand: #efb396;
$info: $sand;

@import "~bulma/sass/utilities/_all";
@import "~bulma/bulma.sass";