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