Sass Breakpoint for Mobile

gistfile1.txt

Setting up breakpoints:

@mixin bp($point) {
  @if $point == lg {
    @media screen and (min-width: 960px) { @content; }
  }
  @else if $point == md {
    @media screen and (min-width: 600px) { @content; }
  }
  @else if $point == sm {
    @media screen and (max-width: 400px) { @content; }
  }
  @else if $point == pt {
    @media print { @content; }
  }
}

Using them:

.menu-toggle {
  font-family: $font-title;
  @include bp(md) {
    display: none;
  }
}