scss-mixin.scss

$screen-sm-min: 640px;
$screen-md-min: 768px;
$screen-lg-min: 1024px;
$screen-xl-min: 1280px;

@mixin breakpoint_sm {
  @media (min-width: #{$screen-sm-min}) {
    @content;
  }
}

@mixin breakpoint_md {
  @media (min-width: #{$screen-md-min}) {
    @content;
  }
}

@mixin breakpoint_lg {
  @media (min-width: #{$screen-lg-min}) {
    @content;
  }
}

@mixin breakpoint_xl {
  @media (min-width: #{$screen-xl-min}) {
    @content;
  }
}