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";