Невозможно определить bootstrap цвет ссылки в пользовательской переменной s css - PullRequest
0 голосов
/ 17 апреля 2020

Я пытаюсь переопределить 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
);
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...