Как сгенерировать пользовательские ширины для классов bootstrap, используя SASS

Question

Я хочу настроить исходный код bootstrap, чтобы получать больше классов w-XX . Я хочу расширить его, чтобы у меня было и w-40 и w-60 . В документации я вижу, что мне нужно изменить переменную $ sizes .

Итак, в моем custom.s css я так и делаю:

$sizes: (
    25: 25%,
    40: 40%,
    50: 50%,
    60: 60%,
    75: 75%,
    100: 100%,
    auto: auto
);

И затем я компилирую файл s css, но новые классы, которые я хочу, не генерируются. Чего мне не хватает?

Answer 1

Вам необходимо импортировать bootstrap.scss после него.

$sizes: (
    25: 25%,
    40: 40%,
    50: 50%,
    60: 60%,
    75: 75%,
    100: 100%,
    auto: auto
);

@import "~bootstrap/scss/bootstrap";