Generated by SassMeister.com.

Breakpoints.sass

// ----
// Sass (v3.3.8)
// Compass (v1.0.0.alpha.19)
// ----

// BREAKPOINTS
$breakpoint-to-ems: true

// For use with max-width only:
// +breakpoint(max-width: $tab-l)
$phone-p: 319px
$phone-l: 479px
$tab-p: 639px 
$tab-l: 769px
$desk: 1020px
$desk-full: 1079px

$print-media: 'print'
$hidpi: min-resolution 143dppx

// For use with min-width (default breakpoint mixin)
// +breakpoint($desktop)
$smartphone-portrait: screen ($phone-p + 1px)
$smartphone-landscape: screen ($phone-l + 1px)
$tablet-portrait: screen ($tab-p + 1px)
$tablet-landscape: screen ($tab-l + 1px)
$desktop: ($desk + 1px), 'no-query' '.lt-ie9' 
// use
//     $breakpoint-no-queries: true
//     $breakpoint-no-query-fallbacks: '.lt-ie9' !global
// at the top of a panel layout sass file to
// re-render everything with .lt-ie9 for desktop media queries.


//////////////////////////////
// COMBINATIONS

// Phones
$max-phone-p: (max-width $phone-p)
$max-phone-l: (max-width $phone-l)
$phone-p-phone-l: ($smartphone-portrait $phone-l)
// Tablets
$max-tab-p: (max-width $tab-p)
$max-tab-l: (max-width $tab-l)
$phone-l-tab-p: ($smartphone-landscape $tab-p)
$phone-l-tab-l: ($smartphone-landscape $tab-l)
$tab-p-tab-l: ($tablet-portrait $tab-l)
$tab-p-desk: ($tablet-portrait $desk)
$tab-l-desk: ($tablet-landscape $desk)

// All Mobile
$mobile-device: (max-width $desk)

// High Resolution Devices
$mobile-hi-res: (max-width $desk) ($hidpi)
$desk-hi-res: screen (min-width $desk) ($hidpi)