未用react和bulma完全改性的SASS/CSS

Question

我将bulma集成在我的create-react-app应用程序中，但当更改原色时，它并不应用于每个组件。

这是我的app.jsx的return语句：

<section className="hero is-primary">
Some title
</section>
<section>
Some text
</section>

这是我的索引.scss：

@import '~bulma/bulma.sass';
$primary: $black;

body {
background-color: $primary;
}

事情是“一些文本”将有黑色背景，但“一些标题”将有默认的原色。不知道我错过了什么。我使用Node-Sass。

Answer 1

如上面的注释所述：如果您有同样的问题，您只需要在导入库之前声明变量。当然，在这种情况下，您将不能使用颜色变量，而是设置静态颜色值。