Mercurial > hg > Members > taiki > slides

annotate inteligent_robot/io2012slides/theme/scss/phone.scss @ 3:fea44bb81877 default tip

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
many change
author taiki
date Tue, 10 Dec 2013 15:31:33 +0900
parents
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
3
fea44bb81877 many change
taiki
parents:
diff changeset
1 @import "compass/css3/transition";
fea44bb81877 many change
taiki
parents:
diff changeset
2
fea44bb81877 many change
taiki
parents:
diff changeset
3
fea44bb81877 many change
taiki
parents:
diff changeset
4 /*Smartphones (portrait and landscape) ----------- */
fea44bb81877 many change
taiki
parents:
diff changeset
5 /*@media only screen
fea44bb81877 many change
taiki
parents:
diff changeset
6 and (min-width : 320px)
fea44bb81877 many change
taiki
parents:
diff changeset
7 and (max-width : 480px) {
fea44bb81877 many change
taiki
parents:
diff changeset
8
fea44bb81877 many change
taiki
parents:
diff changeset
9 }*/
fea44bb81877 many change
taiki
parents:
diff changeset
10
fea44bb81877 many change
taiki
parents:
diff changeset
11 /* Smartphones (portrait) ----------- */
fea44bb81877 many change
taiki
parents:
diff changeset
12 //@media only screen and (max-device-width: 480px) {
fea44bb81877 many change
taiki
parents:
diff changeset
13 /* Styles */
fea44bb81877 many change
taiki
parents:
diff changeset
14 //$slide-width: 350px;
fea44bb81877 many change
taiki
parents:
diff changeset
15 //$slide-height: 500px;
fea44bb81877 many change
taiki
parents:
diff changeset
16
fea44bb81877 many change
taiki
parents:
diff changeset
17 slides > slide {
fea44bb81877 many change
taiki
parents:
diff changeset
18 /* width: $slide-width !important;
fea44bb81877 many change
taiki
parents:
diff changeset
19 height: $slide-height !important;
fea44bb81877 many change
taiki
parents:
diff changeset
20 margin-left: -$slide-width / 2 !important;
fea44bb81877 many change
taiki
parents:
diff changeset
21 margin-top: -$slide-height / 2 !important;
fea44bb81877 many change
taiki
parents:
diff changeset
22 */
fea44bb81877 many change
taiki
parents:
diff changeset
23 // Don't do full slide transitions on mobile.
fea44bb81877 many change
taiki
parents:
diff changeset
24 -webkit-transition: none !important; // Bug in compass? Not sure why the below is not working
fea44bb81877 many change
taiki
parents:
diff changeset
25 @include transition(none !important);
fea44bb81877 many change
taiki
parents:
diff changeset
26 }
fea44bb81877 many change
taiki
parents:
diff changeset
27
fea44bb81877 many change
taiki
parents:
diff changeset
28 //}
fea44bb81877 many change
taiki
parents:
diff changeset
29
fea44bb81877 many change
taiki
parents:
diff changeset
30 /* iPhone 4 ----------- */
fea44bb81877 many change
taiki
parents:
diff changeset
31 @media
fea44bb81877 many change
taiki
parents:
diff changeset
32 only screen and (-webkit-min-device-pixel-ratio : 1.5),
fea44bb81877 many change
taiki
parents:
diff changeset
33 only screen and (min-device-pixel-ratio : 1.5) {
fea44bb81877 many change
taiki
parents:
diff changeset
34 /* Styles */
fea44bb81877 many change
taiki
parents:
diff changeset
35 }