Как нормально оверрайдить переменные Bootstrap?

Question

[zjohypxgb]

Пытаюсь переопределить переменные бутстрапа, указываю то что мне нужно перед импортом самого бутстрапа, но выходит ошибка что переменные не найдены. Например:

$body-bg: $black;

Естественно $black не определен. Но как тогда быть? Если я импортирую бутстрап до оверрайда, изменений не будет (игнорируются).

Если импортировать файл с переменными отдельно до оверрайда, то выходят ошибки что нет каких-то миксинов.

Comments

[zjohypxgb]

Александр, theme-color например

[RAX7]

Не знаю чем вам показался ненормальным способ из документации

// Your variable overrides
$body-bg: #000;
$body-color: #111;

// Bootstrap and its default variables
@import "../node_modules/bootstrap/scss/bootstrap";

https://getbootstrap.com/docs/4.1/getting-started/...

[zjohypxgb]

RAX7, мне важно использовать переменные из бутстрапа. А не самому их устанавливать. Зачем мне писать #eee если можно $gray-100 (например)?

[Сергей delphinpro]

zjohypxgb, ну очевидно же:

@import "myOverrideVariables.scss";
@import "bootstrap/variables.scss";
@import "myCustomVariables.scss";
@import "bootstrap/bootstrap.scss";