35 lines
850 B
SCSS
35 lines
850 B
SCSS
|
@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 */
|
||
|
|
}
|