Sass MQ Mixin

sass-mq

$medium-screen: 30em;
$big-screen: 50em;

@mixin medium {
  @media (min-width: #{$medium-screen}) and (max-width: #{$big-screen} - 1px) {
    @content;
  }
}

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

// @include medium {}
// @include large {}