mobile tweaks. Modernizr touch detection

4 files changed, 68 insertions, 59 deletions

diff --git a/theme/css/default.css b/theme/css/default.css
index 7507b19..7c96455 100644
--- a/theme/css/default.css
+++ b/theme/css/default.css
@@ -884,25 +884,17 @@ article.smaller q:before, article.smaller q:after {
 }
 
 /* line 638, ../sass/default.scss */
-.with-notes slide.current {
-  -webkit-transform: rotateY(180deg) !important;
-  -moz-transform: rotateY(180deg) !important;
-  -ms-transform: rotateY(180deg) !important;
-  -o-transform: rotateY(180deg) !important;
-  transform: rotateY(180deg) !important;
-}
-/* line 641, ../sass/default.scss */
 .with-notes .note {
   opacity: 1;
-  -webkit-transform: rotateY(180deg);
-  -moz-transform: rotateY(180deg);
-  -ms-transform: rotateY(180deg);
-  -o-transform: rotateY(180deg);
-  transform: rotateY(180deg);
+  -webkit-transform: translateY(0);
+  -moz-transform: translateY(0);
+  -ms-transform: translateY(0);
+  -o-transform: translateY(0);
+  transform: translateY(0);
   pointer-events: auto;
 }
 
-/* line 648, ../sass/default.scss */
+/* line 645, ../sass/default.scss */
 .note {
   position: absolute;
   z-index: 100;
@@ -930,18 +922,23 @@ article.smaller q:before, article.smaller q:after {
   -moz-box-pack: center;
   -ms-box-pack: center;
   box-pack: center;
-  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.1, 0.1, 0.25, 0.9), opacity 0.4s ease-in-out 0.4s;
-  -moz-transition: -moz-transform 0.2s cubic-bezier(0.1, 0.1, 0.25, 0.9), opacity 0.4s ease-in-out 0.4s;
-  -ms-transition: -ms-transform 0.2s cubic-bezier(0.1, 0.1, 0.25, 0.9), opacity 0.4s ease-in-out 0.4s;
-  -o-transition: -o-transform 0.2s cubic-bezier(0.1, 0.1, 0.25, 0.9), opacity 0.4s ease-in-out 0.4s;
-  transition: transform 0.2s cubic-bezier(0.1, 0.1, 0.25, 0.9), opacity 0.4s ease-in-out 0.4s;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -ms-border-radius: 5px;
   -o-border-radius: 5px;
   border-radius: 5px;
-}
-/* line 664, ../sass/default.scss */
+  -webkit-transform: translateY(350px);
+  -moz-transform: translateY(350px);
+  -ms-transform: translateY(350px);
+  -o-transform: translateY(350px);
+  transform: translateY(350px);
+  -webkit-transition: all 0.4s ease-in-out;
+  -moz-transition: all 0.4s ease-in-out;
+  -ms-transition: all 0.4s ease-in-out;
+  -o-transition: all 0.4s ease-in-out;
+  transition: all 0.4s ease-in-out;
+}
+/* line 662, ../sass/default.scss */
 .note > section {
   background: #fff;
   -webkit-border-radius: 5px;
@@ -956,7 +953,7 @@ article.smaller q:before, article.smaller q:after {
   padding: 2em;
 }
 
-/* line 673, ../sass/default.scss */
+/* line 671, ../sass/default.scss */
 .source {
   font-size: 14px;
   color: #a9a9a9;
@@ -965,7 +962,7 @@ article.smaller q:before, article.smaller q:after {
   left: 60px;
 }
 
-/* line 681, ../sass/default.scss */
+/* line 679, ../sass/default.scss */
 input, button {
   vertical-align: middle;
 }
@@ -981,7 +978,7 @@ input, button {
   -ms-box-reflect: below 3px -ms-linear-gradient(rgba(255,255,255,0) 85%, white 150%);
   box-reflect: below 3px linear-gradient(rgba(255,255,255,0) 85%, white 150%);
 }*/
-/* line 697, ../sass/default.scss */
+/* line 695, ../sass/default.scss */
 .flexbox {
   display: -webkit-box !important;
   display: -moz-box !important;
@@ -990,7 +987,7 @@ input, button {
   display: box !important;
 }
 
-/* line 701, ../sass/default.scss */
+/* line 699, ../sass/default.scss */
 .flexbox.vcenter {
   -webkit-box-orient: vertical;
   -moz-box-orient: vertical;
@@ -1008,7 +1005,7 @@ input, button {
   width: 100%;
 }
 
-/* line 707, ../sass/default.scss */
+/* line 705, ../sass/default.scss */
 .flexbox.vleft {
   -webkit-box-orient: vertical;
   -moz-box-orient: vertical;
@@ -1026,7 +1023,7 @@ input, button {
   width: 100%;
 }
 
-/* line 713, ../sass/default.scss */
+/* line 711, ../sass/default.scss */
 .auto-fadein {
   -webkit-transition: opacity 0.6s ease-in 1s;
   -moz-transition: opacity 0.6s ease-in 1s;
@@ -1037,7 +1034,7 @@ input, button {
 }
 
 /* Clickable/tappable areas */
-/* line 719, ../sass/default.scss */
+/* line 717, ../sass/default.scss */
 .slide-area {
   z-index: 1000;
   position: absolute;
@@ -1051,59 +1048,59 @@ input, button {
   margin-top: -350px;
 }
 
-/* line 736, ../sass/default.scss */
+/* line 734, ../sass/default.scss */
 #prev-slide-area {
   margin-left: -550px;
 }
 
-/* line 741, ../sass/default.scss */
+/* line 739, ../sass/default.scss */
 #next-slide-area {
   margin-left: 450px;
 }
 
 /* ===== SLIDE CONTENT ===== */
-/* line 749, ../sass/default.scss */
+/* line 747, ../sass/default.scss */
 .logoslide img {
   width: 383px;
   height: 92px;
 }
 
-/* line 755, ../sass/default.scss */
+/* line 753, ../sass/default.scss */
 .segue {
   padding: 60px 120px;
 }
-/* line 758, ../sass/default.scss */
+/* line 756, ../sass/default.scss */
 .segue h2 {
   color: #e6e6e6;
   font-size: 60px;
 }
-/* line 762, ../sass/default.scss */
+/* line 760, ../sass/default.scss */
 .segue h3 {
   color: #e6e6e6;
   line-height: 2.8;
 }
-/* line 766, ../sass/default.scss */
+/* line 764, ../sass/default.scss */
 .segue hgroup {
   position: absolute;
   bottom: 225px;
 }
 
-/* line 772, ../sass/default.scss */
+/* line 770, ../sass/default.scss */
 .thank-you-slide {
   background: #4387fd;
   color: white;
 }
-/* line 776, ../sass/default.scss */
+/* line 774, ../sass/default.scss */
 .thank-you-slide h2 {
   font-size: 60px;
   color: inherit;
 }
-/* line 781, ../sass/default.scss */
+/* line 779, ../sass/default.scss */
 .thank-you-slide article > p {
   margin-top: 2em;
   font-size: 20pt;