我正在使用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";
变量还是不更改其颜色?如果没有,我在做什么错了?
非常感谢
答案 0 :(得分:0)
您需要先导入_variables.scss文件,然后再导入任何引导文件。