mobile tweaks. Modernizr touch detection

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 {
 
 // Speaker notes only show the current slide.
 .with-notes {
-  slide.current {
-    @include transform(rotateY(180deg) !important);
-  }
   .note {
     opacity: 1;
-    @include transform(rotateY(180deg));
+    @include transform(translateY(0));
     pointer-events: auto;
   }
 }
@@ -657,10 +654,11 @@ article.smaller {
   pointer-events: none;
   @include flexbox;
   @include flex-center-center;
-  @include transition(transform 0.2s cubic-bezier(.10, .10, .25, .90),
-                      opacity 0.4s ease-in-out 0.4s);
   @include border-radius($slide-border-radius);
 
+  @include transform(translateY($slide-height / 2));
+  @include transition(all 0.4s ease-in-out);
+
   > section {
     background: #fff;
     @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 @@
 @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 */