// BREAKPOINTS $breakpoint-to-ems: true
$print-media: 'print' $hidpi: min-resolution 143dppx
// 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
// 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'
$desktop-print: ($desk + 1px), $print-media, '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: 'screen' (max-width $phone-p) $max-phone-l: 'screen' (max-width $phone-l) $phone-p-phone-l: 'screen' ($phone-p + 1px) $phone-l
// Tablets $max-tab-p: 'screen' (max-width $tab-p) $max-tab-l: 'screen' (max-width $tab-l) $phone-l-tab-p: 'screen' ($phone-p + 1px) $tab-p $phone-l-tab-l: 'screen' ($phone-l + 1px) $tab-l $tab-p-tab-l: 'screen' ($tab-p + 1px) $tab-l $tab-p-desk: 'screen' ($tab-p + 1px) $desk $tab-l-desk: 'screen' ($tab-l + 1px) $desk
// All Mobile $mobile-device: 'screen' max-width $desk
// High Resolution Devices $mobile-hi-res: 'screen' (max-width $desk) ($hidpi) $desk-hi-res: 'screen' (min-width $desk) ($hidpi)
@mixin fallback
.lt-ie9 & @content