Cacher is the code snippet organizer for pro developers

$breakpointSm: 481px !default;
$breakpointMd: 769px !default;
$breakpointLg: 1117px !default;

@mixin mq($breakpoint: sm) {
  @if $breakpoint == sm { // Smallサイズ以上の場合
    @media screen and ( min-width: $breakpointSm ) {
      @content;
    }
  } @else if $breakpoint == md { // Mediumサイズ以上の場合
    @media screen and ( min-width: $breakpointMd ) {
      @content;
    }
  } @else if $breakpoint == lg { // Largeサイズ以上の場合
    @media screen and ( min-width: $breakpointLg ) {
      @content;
    }
  }
}
//@include mq {}
//@include mq(md) {}
//@include mq(lg) {}