Sass mediaquery mixin

gistfile1.scss

@mixin breakpoint($point) {
  @if $point == desktop {
    // Larger than tablets.
    @media (min-width: 1210px) { @content; }
  }
  @else if $point == tablet {
    // Tablets, go from 4 to 2 and 2 to 1.
    @media (max-width: 1209px) { @content; }
  }
  @else if $point == mobile {
    // Mobile, 1 everywhere!
    @media (max-width: 719px)  { @content; }
  }
  @else if $point == tablet-plus {
    @media (min-width: 720px) { @content; }
  }
}