phone.scss 850 B

1234567891011121314151617181920212223242526272829303132333435
  1. @import "compass/css3/transition";
  2. /*Smartphones (portrait and landscape) ----------- */
  3. /*@media only screen
  4. and (min-width : 320px)
  5. and (max-width : 480px) {
  6. }*/
  7. /* Smartphones (portrait) ----------- */
  8. //@media only screen and (max-device-width: 480px) {
  9. /* Styles */
  10. //$slide-width: 350px;
  11. //$slide-height: 500px;
  12. slides > slide {
  13. /* width: $slide-width !important;
  14. height: $slide-height !important;
  15. margin-left: -$slide-width / 2 !important;
  16. margin-top: -$slide-height / 2 !important;
  17. */
  18. // Don't do full slide transitions on mobile.
  19. -webkit-transition: none !important; // Bug in compass? Not sure why the below is not working
  20. @include transition(none !important);
  21. }
  22. //}
  23. /* iPhone 4 ----------- */
  24. @media
  25. only screen and (-webkit-min-device-pixel-ratio : 1.5),
  26. only screen and (min-device-pixel-ratio : 1.5) {
  27. /* Styles */
  28. }