aboutsummaryrefslogtreecommitdiff
path: root/theme/sass
diff options
context:
space:
mode:
authorEric Bidelman2012-04-16 12:04:03 -0700
committerEric Bidelman2012-04-16 12:04:03 -0700
commit32f207b326a2138c14e0502fcd58c5c3457cde35 (patch)
tree5231a40fb221a0fd3118eb18efb768e386da7c83 /theme/sass
parent04153b7c8a3332c8008408227f6d71b8ef392c35 (diff)
downloadio-slides-remote-32f207b326a2138c14e0502fcd58c5c3457cde35.tar.gz
mobile tweaks. Modernizr touch detection
Diffstat (limited to 'theme/sass')
-rw-r--r--theme/sass/default.scss10
-rw-r--r--theme/sass/phone.scss8
2 files changed, 12 insertions, 6 deletions
diff --git a/theme/sass/default.scss b/theme/sass/default.scss
index 3645ca7..c7b4eab 100644
--- a/theme/sass/default.scss
+++ b/theme/sass/default.scss
@@ -635,12 +635,9 @@ article.smaller {
635 635
636// Speaker notes only show the current slide. 636// Speaker notes only show the current slide.
637.with-notes { 637.with-notes {
638 slide.current {
639 @include transform(rotateY(180deg) !important);
640 }
641 .note { 638 .note {
642 opacity: 1; 639 opacity: 1;
643 @include transform(rotateY(180deg)); 640 @include transform(translateY(0));
644 pointer-events: auto; 641 pointer-events: auto;
645 } 642 }
646} 643}
@@ -657,10 +654,11 @@ article.smaller {
657 pointer-events: none; 654 pointer-events: none;
658 @include flexbox; 655 @include flexbox;
659 @include flex-center-center; 656 @include flex-center-center;
660 @include transition(transform 0.2s cubic-bezier(.10, .10, .25, .90),
661 opacity 0.4s ease-in-out 0.4s);
662 @include border-radius($slide-border-radius); 657 @include border-radius($slide-border-radius);
663 658
659 @include transform(translateY($slide-height / 2));
660 @include transition(all 0.4s ease-in-out);
661
664 > section { 662 > section {
665 background: #fff; 663 background: #fff;
666 @include border-radius($slide-border-radius); 664 @include border-radius($slide-border-radius);
diff --git a/theme/sass/phone.scss b/theme/sass/phone.scss
index d291d9e..4cfb2b1 100644
--- a/theme/sass/phone.scss
+++ b/theme/sass/phone.scss
@@ -1,5 +1,13 @@
1@import "compass/css3/transition"; 1@import "compass/css3/transition";
2 2
3
4/*Smartphones (portrait and landscape) ----------- */
5/*@media only screen
6and (min-width : 320px)
7and (max-width : 480px) {
8
9}*/
10
3/* Smartphones (portrait) ----------- */ 11/* Smartphones (portrait) ----------- */
4//@media only screen and (max-device-width: 480px) { 12//@media only screen and (max-device-width: 480px) {
5/* Styles */ 13/* Styles */