Theming Bootsrap 4 - Color-Yiq как переменная переопределения

Question

Я хочу переопределить переменные начальной загрузки, но с помощью функции color-yiq, например:

$body-bg:     $black;
$body-color:  color-yiq($body-bg);

Это структура SCSS

 // Overrides variables from all sources
@import "variables";

// Bootstrap
@import "../../node_modules/bootstrap/scss/bootstrap";

// Fonts
@import "../../node_modules/font-awesome/scss/font-awesome";
@import "../../node_modules/material-design-icons-iconfont/src/material-design-icons";

// Plugins
@import "../../node_modules/datatables.net-bs4/css/dataTables.bootstrap4";

// André's Core - Bootstrap improvments
@import "core";

Вывод CSS такой:

body {
   color: color-yiq(#000);
   text-align: left;
   background-color: #000;
}

Использование других функций, таких как затемнение или осветление, кроме color-yiq, любая помощь?

Спасибо!

Answer 1

Вам необходимо импортировать _функции, подобные этим:

@import "node_modules/bootstrap/scss/_functions.scss";

И не забудьте объявить (перед) необходимые переменные.Как пример:

$yiq-text-dark: black !default;
$yiq-text-light: white !default;
$yiq-contrasted-threshold: 150 !default;