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