Apply-to media query.

gistfile1.scss

// Custom media Query
// Use: If you want to a media query to apply to anything less-than or greater-than a specific width.
// Example:
// @include apply-to(less-than, 1200px) {}
// Will apply to anything smaller than 1200px
@mixin apply-to($maxmin, $size) {
  $extrema: null;
  @if $maxmin == less-than {
    $extrema: max;
  } @if $maxmin == greater-than {
    $extrema: min;
  }
  @media only screen and (#{$extrema}-width: $size) { @content; }
}