@import "compass/css3/transition"; /*Smartphones (portrait and landscape) ----------- */ /*@media only screen and (min-width : 320px) and (max-width : 480px) { }*/ /* Smartphones (portrait) ----------- */ //@media only screen and (max-device-width: 480px) { /* Styles */ //$slide-width: 350px; //$slide-height: 500px; slides > slide { /* width: $slide-width !important; height: $slide-height !important; margin-left: -$slide-width / 2 !important; margin-top: -$slide-height / 2 !important; */ // Don't do full slide transitions on mobile. -webkit-transition: none !important; // Bug in compass? Not sure why the below is not working @include transition(none !important); } //} /* iPhone 4 ----------- */ @media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) { /* Styles */ }