sass - Bulma 导航栏颜色修改器不起作用

Question

向 Bulma 的导航栏添加颜色修饰符类应该会更改背景颜色（如此处所述：http: //bulma.io/documentation/components/navbar/#colors）。

如果我使用 css 版本，我发现这工作正常。但我使用的是 sass 版本，但它不起作用。

知道为什么不？

注意——这也是 Github 上一个未解决的问题： https ://github.com/jgthms/bulma/issues/1192

Answer 1

您必须创建类似 的文件my-bulma-theme.scss，然后覆盖所需的变量或.scss使用变量导入其他文件，最后，bulma从页面/预处理器导入node_modules并将其包含my-bulma-theme.scss在您的页面/预处理器中。

例如my-bulma-theme.scss：

$navbar-background-color: #f0f0f0;
$another-bulma-variable: 14px;

@import './another-style-variables.scss';

@import '../node_modules/bulma/bulma.sass'; // must be the last thing in file

Answer 2

我更新到 Bulma 的 0.5.2 版，现在它可以正常工作了。