SCSS named mediaquery

main.scss

@import "mediaquery"

.fart {
  width: 25%;
  @include breakpoint(tablet-size) {
    width: 100%;
  }
}

mediaquery.scss

@mixin breakpoint($point) {
  @if $point == large-size {
    @media (max-width: 1600px) { @content; }
  }
  @else if $point == normal-size {
    @media (max-width: 1250px) { @content; }
  }
  @else if $point == tablet-size {
    @media (max-width: 650px)  { @content; }
  }
}