В общем, я пытаюсь изменить вариант кнопки mixin в начальной загрузке 4. Основной файл, в котором находится код для этого, - bootstrap \ scss \ mixins, а имя файла - _buttons.scss.В моем файле custom.scss у меня есть следующий код:
@import "../../node_modules/bootstrap/scss/bootstrap";
Я бы хотел оставить имя миксина таким же, а не переопределять его другим именем, поскольку оно используется в файле node_modules \ bootstrap \scss_buttons.scss в следующем коде, который генерирует все кнопки на основе доступных цветов:
@each $color, $value in $theme-colors {
.btn-#{$color} {
@include button-variant($value, $value);
}
}
Что происходит, когда новый модифицированный код миксина добавляется ниже импорта начальной загрузки в custom.scss, он не имеетлюбой эффект, так как импортированный начальный загрузчик компилируется после этого кода, а кнопка css по умолчанию компилируется.Принимая во внимание, что, когда модифицированный миксин-код добавляется после импорта начальной загрузки в custom.scss, происходит дублирование кнопок в скомпилированном файле .css.
Как можно изменить код в миксине без редактирования файлов начальной загрузки ядра?