Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.4.4)
// Compass (v1.0.1)
// ----

@mixin query($breakpoint, $orientation:portrait, $qval: min) {
  @if $breakpoint == 'small' {}
  @if $breakpoint == 'medium' {}
  @if $breakpoint == 'large' {}
  @else {
    @if type-of($breakpoint) != number {
      @error "QUERY MIXIN ONLY ACCEPTS NUMBERS AS BREAKPOINT MEASURES"
    }
    @else {
      @media only screen and ($qval + "-width": $breakpoint + em) and ("orientation": $orientation) {
       @content;
      }
    }
  }
  };

$bkSmallPortrait:('22.5em','portrait'); // 360px
$bkSmallLandscape:('22.5em','landscape'); // 360px
$bkMediumPortrait:('45em','portrait'); // 720px
$bkMediumLandscape:('45em','landscape'); // 720px
$bkLargePortrait:('67.5em','portrait'); // 1080px
$bkLargeLandscape:('67.5em','landscape'); // 1080px