Sass Media Query Mixin

sass-mediaquery-mixin.scss

// Mixin Function
@mixin breakpoint($point) {
  @if $point == desktop {
    @media (max-width: 1600px) { @content; }
  }
  @else if $point == tablet {
    @media (max-width: 1250px) { @content; }
  }
  @else if $point == handheld {
    @media (max-width: 650px)  { @content; }
  }
}

//Usage
.module {
  width: 25%;
  @include breakpoint(handheld) {
    width: 100%;
  }
}