_common.scss

@import "~bootstrap/scss/mixins/_breakpoints.scss";
@import "variables";

/* This will generate bootstrap style responsive classes for flex-basis
    e.g. flex-basis-md-25*/
@each $breakpoint, $value in $breakpoints {
  $min: breakpoint-min($breakpoint);
  $breakpoint-name: if($min, -#{$breakpoint}, "");
  @for $i from 1 through 4 {
    @include media-breakpoint-up($breakpoint) {
      .flex#{$breakpoint-name}-basis-#{$i*25} {
        flex-basis: percentage($i * 0.25);
      }
    }
  }
}