Для проекта я должен использовать определенные пользовательские определения цвета из готового дизайна. Это мой первый проект с Bootstrap (https://mdbootstrap.com/docs/jquery/).
. Чтобы придерживаться рекомендаций по проектированию, я сам компилирую файл Bootstrap SASS, добавив его из папки node_modules следующим образом:
// override BMD variables here@import "reset";
@import "variables_bootstrap";
@import "variables_mdb";
// import BMD
@import "../../../../node_modules/bootstrap-material-design/scss/core";
В variable_bootstrap.scss у меня есть все переменные начальной загрузки, и я изменяю их в соответствии с моими потребностями (точки останова, цвета темы и т. *
Но похоже, что нет никаких настроек для цветов. Мой HTML выглядит так:
<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-secondary">Secondary</button>
<button type="button" class="btn btn-success">Success</button>
<button type="button" class="btn btn-danger">Danger</button>
Вот как выглядят кнопки:
Что ж, цвета такие, как я их определил, но я хочу, чтобы цвет был фоновым [его прозрачным], а фактический цвет - белым. Вы знаете, как решить эту проблему?
Примечание. Жестко запрограммированные переопределения с! Важно для каждой сгенерированной кнопки - это не решение, которое я ищу.