From 32f207b326a2138c14e0502fcd58c5c3457cde35 Mon Sep 17 00:00:00 2001 From: Eric Bidelman Date: Mon, 16 Apr 2012 12:04:03 -0700 Subject: mobile tweaks. Modernizr touch detection --- theme/sass/default.scss | 10 ++++------ theme/sass/phone.scss | 8 ++++++++ 2 files changed, 12 insertions(+), 6 deletions(-) (limited to 'theme/sass') 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 */ -- cgit v1.2.3