Mercurial > hg > Members > taiki > slides
comparison inteligent_robot/io2012slides/theme/scss/phone.scss @ 3:fea44bb81877 default tip
many change
| author | taiki |
|---|---|
| date | Tue, 10 Dec 2013 15:31:33 +0900 |
| parents | |
| children |
comparison
equal
deleted
inserted
replaced
| 2:7f4128b2369a | 3:fea44bb81877 |
|---|---|
| 1 @import "compass/css3/transition"; | |
| 2 | |
| 3 | |
| 4 /*Smartphones (portrait and landscape) ----------- */ | |
| 5 /*@media only screen | |
| 6 and (min-width : 320px) | |
| 7 and (max-width : 480px) { | |
| 8 | |
| 9 }*/ | |
| 10 | |
| 11 /* Smartphones (portrait) ----------- */ | |
| 12 //@media only screen and (max-device-width: 480px) { | |
| 13 /* Styles */ | |
| 14 //$slide-width: 350px; | |
| 15 //$slide-height: 500px; | |
| 16 | |
| 17 slides > slide { | |
| 18 /* width: $slide-width !important; | |
| 19 height: $slide-height !important; | |
| 20 margin-left: -$slide-width / 2 !important; | |
| 21 margin-top: -$slide-height / 2 !important; | |
| 22 */ | |
| 23 // Don't do full slide transitions on mobile. | |
| 24 -webkit-transition: none !important; // Bug in compass? Not sure why the below is not working | |
| 25 @include transition(none !important); | |
| 26 } | |
| 27 | |
| 28 //} | |
| 29 | |
| 30 /* iPhone 4 ----------- */ | |
| 31 @media | |
| 32 only screen and (-webkit-min-device-pixel-ratio : 1.5), | |
| 33 only screen and (min-device-pixel-ratio : 1.5) { | |
| 34 /* Styles */ | |
| 35 } |