我有一个主要的styles.scss像这样:
- //@import "../components/bootstrap/scss/bootstrap";
- // Core variables and mixins
- @import "../components/bootstrap/scss/functions";
- @import "../components/bootstrap/scss/mixins";
- @import "components/variables";
- @import "../components/bootstrap/scss/variables";
我尝试覆盖我的组件/变量中的成功变量,如下所示:
$green:#71c835!important;
但它不断拾取bootstrap variables.scss的颜色
$green:#28a745!默认;
为了创建一个清晰的视图,我已经尝试切换这两个文件的顺序,如下所示:
- // Core variables and mixins
- @import "../components/bootstrap/scss/functions";
- @import "../components/bootstrap/scss/mixins";
- @import "../components/bootstrap/scss/variables";
- @import "components/variables";
它真的让我发疯,我怎么能简单地覆盖引导变量