diff options
Diffstat (limited to 'theme')
-rw-r--r-- | theme/css/phone.css | 21 | ||||
-rw-r--r-- | theme/sass/phone.scss | 27 |
2 files changed, 48 insertions, 0 deletions
diff --git a/theme/css/phone.css b/theme/css/phone.css new file mode 100644 index 0000000..3f211dd --- /dev/null +++ b/theme/css/phone.css | |||
@@ -0,0 +1,21 @@ | |||
1 | /* Smartphones (portrait) ----------- */ | ||
2 | /* Styles */ | ||
3 | /* line 9, ../sass/phone.scss */ | ||
4 | slides > slide { | ||
5 | /* width: $slide-width !important; | ||
6 | height: $slide-height !important; | ||
7 | margin-left: -$slide-width / 2 !important; | ||
8 | margin-top: -$slide-height / 2 !important; | ||
9 | */ | ||
10 | -webkit-transition: none !important; | ||
11 | -webkit-transition: none !important; | ||
12 | -moz-transition: none !important; | ||
13 | -ms-transition: none !important; | ||
14 | -o-transition: none !important; | ||
15 | transition: none !important; | ||
16 | } | ||
17 | |||
18 | /* iPhone 4 ----------- */ | ||
19 | @media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) { | ||
20 | /* Styles */ | ||
21 | } | ||
diff --git a/theme/sass/phone.scss b/theme/sass/phone.scss new file mode 100644 index 0000000..d291d9e --- /dev/null +++ b/theme/sass/phone.scss | |||
@@ -0,0 +1,27 @@ | |||
1 | @import "compass/css3/transition"; | ||
2 | |||
3 | /* Smartphones (portrait) ----------- */ | ||
4 | //@media only screen and (max-device-width: 480px) { | ||
5 | /* Styles */ | ||
6 | $slide-width: 350px; | ||
7 | $slide-height: 500px; | ||
8 | |||
9 | slides > slide { | ||
10 | /* width: $slide-width !important; | ||
11 | height: $slide-height !important; | ||
12 | margin-left: -$slide-width / 2 !important; | ||
13 | margin-top: -$slide-height / 2 !important; | ||
14 | */ | ||
15 | // Don't do full slide transitions on mobile. | ||
16 | -webkit-transition: none !important; // Bug in compass? Not sure why the below is not working | ||
17 | @include transition(none !important); | ||
18 | } | ||
19 | |||
20 | //} | ||
21 | |||
22 | /* iPhone 4 ----------- */ | ||
23 | @media | ||
24 | only screen and (-webkit-min-device-pixel-ratio : 1.5), | ||
25 | only screen and (min-device-pixel-ratio : 1.5) { | ||
26 | /* Styles */ | ||
27 | } \ No newline at end of file | ||