gistfile1.txt

$break-xs: 360px;
$break-sm: 768px;
$break-md: 992px;
$break-lg: 1200px;

@mixin respond-to($media) {
  @if $media == xs {
    @media only screen and (max-width: $break-sm) { @content; }
  }
  @else if $media == sm {
    @media only screen and (min-width: $break-sm + 1) and (max-width: $break-md - 1) { @content; }
  }
  @else if $media == md {
    @media only screen and (min-width: $break-md + 1) and (max-width: $break-lg - 1) { @content; }
  }
  @else if $media == lg {
    @media only screen and (min-width: $break-lg) { @content; }
  }
}