Используйте Twitterboostrap 4 mixins в собственном пространстве имен

Question

Я компилирую Twitter Boostrap 4 с sass в моем собственном пространстве имен:

//./main.scss
.twitter-bootstrap {
    @import "./my-scss/bootstrap-overrides";
}
@import ./my-scss/custom.scss

В bootstrap-overrides.scss Я импортирую только некоторые компоненты (переменные, миксины, функции импортируются в bootstrap-overrides.scss

В пользовательском s css Я хочу использовать миксин:

//./my-scss/custom.scss
@include media-breakpoint-up(md) {
...
}

Мой компилятор показывает ошибку:

Error: Undefined mixin.
   ╷
18 │ ┌   @include media-breakpoint-up(md) {
19 │ │     ...
20 │ │     
21 │ └   }
   ╵
  main.scss 15:9                  root stylesheet

Как я могу использовать твиттер bootstrap 4 миксина в файлах s css?

Answer 1

Импорт в этом порядке

@import "path/scss/functions";
@import "path/scss/variables";
@import "path/scss/mixins";
@import ./my-scss/custom.scss;

Теперь вы можете использовать все bootstrap миксины в custom.scss.