Я делаю одну тему HTML, используя BootStrap 4.3.1.Моя цель состоит в том, чтобы переопределить переменную $ primary color в моей теме _variables.scss
, которая, как мне кажется, должна изменить все цвета глобально в соответствии с _variables.scss
BootStrap в моей теме.Я новичок в BootStrap 4, поэтому, пожалуйста, будьте любезны помочь мне вместо того, чтобы помечать / дублировать мой вопрос?
Я приведу здесь один пример того, чего я хочу достичь:
Я думаю, что, насколько мне известно, переопределение только $primary
переменной цвета в моем пользовательском _variables.scss
также должно изменить цвет $dropdown-link-active-bg
без переопределения $dropdown-link-active-bg
, потому что $dropdown-link-active-bg
color установлен прямо на $primary
color.Это правильно, или я здесь что-то не так делаю?
Я поместил это много в свой код _variables.scss:
$primary: #f00;
Вот мой файл theme.scss:
@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";
Пожалуйста, помогите мне с этим.Я был бы очень признателен за это.В конце я просто хочу знать, что мне нужно переопределить переменную $dropdown-link-active-bg
или нет, чтобы изменить ее цвет?Если нет, то что я делаю не так?
Большое спасибо