Я пытаюсь переопределить bootstrap 4 для создания темы Moodle.
Я использую эту последовательность для загрузки scss - Сначала я загружаю pre.scss - Затем ядро scss - И post.s css
Я провел некоторый тест, чтобы увидеть, как я могу изменить тему надстройки с моими настройками.
В post.s css я добавляю следующие строки:
h1 {
color: $orange;
}
и это работает.
В pre.s css я изменил цвет темы, добавив следующие строки:
$green: #a8df55 ;
$primary: $green;
, и это тоже работает .
Но если я хочу еще go и изменить цвет ссылки, добавив это в pre.s css:
$link-color: theme-color("primary");
или
$link-hover-color: darken($link-color, 15%);
Все мои настройки (определенные в pre или in post) потеряны, и я не могу понять, почему.
Не могли бы вы объяснить, почему? Спасибо
РЕДАКТИРОВАТЬ: может быть, это потому, что эти переменные не объявлены? Если я помещу их в post.s css, изменения будут применены. Итак, я предполагаю, что мне нужно импортировать их в pre.s css раньше. Я могу понять, что для $ link-color (логично, что я должен импортировать их раньше).
Но как насчет $ theme-color? Вот код, который я вставил в pre.s css, здесь определен $ theme-color, но все мои настройки пропущены.
$theme-colors: () !default;
// stylelint-disable-next-line scss/dollar-variable-default
$theme-colors: map-merge(
(
"primary": $primary,
"secondary": $secondary,
"success": $success,
"info": $info,
"warning": $warning,
"danger": $danger,
"light": $light,
"dark": $dark
),
$theme-colors
);