Breakpoint overriding creates media queries of default and overriden breakpoint size
Created by: denni-hill
$grid-breakpoints: (
xs: 0,
sm: 456px,
md: 789px,
lg: 999px,
xl: 1250px
);
@import 'node_modules/bootstrap/scss/bootstrap';
@import "node_modules/bootstrap-vue/src/index";
Code above causes creation of default breakpoints sizes and overriden ones with same class names inside. It displays as 2 media queries which are contain same class-names (example: d-xl-none). In cases when instruction contains !important keyword it causes unexpectable behaviour.