lib/stylesheets/_respond-to.sass in compass-respond-0.0.3 vs lib/stylesheets/_respond-to.sass in compass-respond-0.0.4
- old
+ new
@@ -3,19 +3,24 @@
$respond-to-handhelds-max: 479px !default
$respond-to-wide-handhelds-min: ($respond-to-handhelds-max + 1px) !default
$respond-to-wide-handhelds-max: 767px !default
+$respond-to-high-handhelds-max: 568px !default
+
$respond-to-tablets-min: ($respond-to-wide-handhelds-max + 1) !default
$respond-to-tablets-max: 959px !default
$respond-to-desktops-min: ($respond-to-tablets-max + 1) !default
=respond-to($device)
@if $device == handhelds
@media only screen and (max-width: $respond-to-handhelds-max)
@content
+ @else if $device == high-handhelds
+ @media only screen and (max-width: $respond-to-handhelds-max) and (device-height: $respond-to-high-handhelds-max)
+ @content
@else if $device == wide-handhelds
@media only screen and (min-width: $respond-to-wide-handhelds-min) and (max-width: $respond-to-wide-handhelds-max)
@content
@else if $device == tablets
@media only screen and (min-width: $respond-to-tablets-min) and (max-width: $respond-to-tablets-max)
@@ -23,6 +28,6 @@
@else if $device == desktops
@media only screen and (min-width: $respond-to-desktops-min)
@content
@else if $device == retina
@media only screen and (-webkit-min-device-pixel-ratio: 2)
- @content
\ No newline at end of file
+ @content