Я пытаюсь переопределить стили bootstrap4. У меня нет опыта работы с Sass, но это похоже на ошибку в файле bootstrap S CSS.
Мой пользовательский файл:
/* custom.scss */
/* -------begin customization-------- */
$body-bg: #000;
$body-color: #111;
/* -------end customization-------- */
/* import the necessary Bootstrap files */
@import "/bootstrap-4.0.0/scss/_variables.scss";
Я использую bootstrap 4.4.1, но можно найти только как css файл для 4.0.0.
Вкл.
sass /custom.scss /custom.css
Я получаю:
$color: theme-color("primary") is not a color.
╷
152 │ $link-hover-color: darken($link-color, 15%) !default;
│ ^^^^^^^^^^^^^^^^^^^^^^^^
╵
/bootstrap-4.0.0/scss/_variables.scss 152:29 @import
/custom.scss 8:9 root stylesheet
Целевой пользовательский . css файл содержит:
> /* Error: $color: theme-color("primary") is not a color. * , *
> 152 | $link-hover-color: darken($link-color, 15%) !default;
> * | ^^^^^^^^^^^^^^^^^^^^^^^^ * ' * /scss/_variables.scss 152:29 @import * custom.scss 8:9 root stylesheet */
>
> body::before { font-family: "Source Code Pro", "SF Mono", Monaco,
> Inconsolata, "Fira Mono",
> "Droid Sans Mono", monospace, monospace; white-space: pre; display: block; padding: 1em; margin-bottom: 1em; border-bottom:
> 2px solid black; content: 'Error: $color: theme-color("primary") is
> not a color.\a \2577 \a 152 \2502 $link-hover-color:
> darken($link-color, 15%) !default;\a \2502
> ^^^^^^^^^^^^^^^^^^^^^^^^\a \2575 \a /scss/_variables.scss 152:29
> @import\a \/custom.scss 8:9 root stylesheet'; }
Есть идеи?