在自定义_variables.scss中使用时,覆盖全局引导程序4 $ primary变量未全局应用

时间:2019-03-04 09:47:16

标签: sass bootstrap-4

我正在使用BootStrap 4.3.1制作一个HTML主题。我的目标是覆盖我认为的主题_variables.scss中的$ primary color变量,它应该根据我主题中的BootStrap的_variables.scss全局更改所有颜色。我是BootStrap 4的新手,所以请您能为我提供帮助,而不是将我的问题标记/重复吗?

在这里我将举一个我想要实现的目标的例子:

我认为,据我所知,通过在自定义$primary中仅覆盖_variables.scss颜色变量,也应该更改$dropdown-link-active-bg的颜色而不覆盖$dropdown-link-active-bg,因为{{ 1}}颜色直接设置为$dropdown-link-active-bg颜色。这是正确的,还是我在这里做错了什么?

我已经在自定义_variables.scss代码中投入了很多:

$primary

这是我的theme.scss文件:

$primary: #f00;

请帮助我。我将不胜感激。最后,我只想知道我是否需要覆盖@import "../vendor/bootstrap/scss/functions"; @import "../vendor/bootstrap/scss/variables"; // User Variables @import "user-variables"; // Theme variables and mixins @import "variables"; @import "mixins"; //Bootstrap core @import "../vendor/bootstrap/scss/bootstrap"; // Extended Bootstrap components @import "custom/dropdowns.scss"; // Core CSS @import "core/general.scss"; @import "core/typography.scss"; // Shortcodes @import "components.scss"; //In This scss you can write your scss @import "user";变量还是不更改其颜色?如果没有,我在做什么错了?

非常感谢

1 个答案:

答案 0 :(得分:0)

您需要先导入_variables.scss文件,然后再导入任何引导文件。