fix no-transform mode

2 files changed, 25 insertions, 23 deletions

diff --git a/css/reveal.css b/css/reveal.css
index 809d159..b024bd0 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -963,34 +963,35 @@ body {
 .no-transforms {
   overflow-y: auto; }
 
+.no-transforms .reveal {
+  overflow: visible; }
+
 .no-transforms .reveal .slides {
   position: relative;
   width: 80%;
-  height: auto !important;
+  max-width: 1280px;
+  height: auto;
   top: 0;
-  left: 50%;
-  margin: 0;
+  margin: 0 auto;
   text-align: center; }
 
 .no-transforms .reveal .controls,
 .no-transforms .reveal .progress {
-  display: none !important; }
+  display: none; }
 
 .no-transforms .reveal .slides section {
-  display: block !important;
-  opacity: 1 !important;
-  position: relative !important;
+  display: block;
+  opacity: 1;
+  position: relative;
   height: auto;
   min-height: 0;
   top: 0;
-  left: -50%;
+  left: 0;
+  margin: 10vh 0;
   margin: 70px 0;
   -webkit-transform: none;
           transform: none; }
 
-.no-transforms .reveal .slides section section {
-  left: 0; }
-
 .reveal .no-transition,
 .reveal .no-transition * {
   transition: none !important; }
diff --git a/css/reveal.scss b/css/reveal.scss
index 2a50ccc..eeed56b 100644
--- a/css/reveal.scss
+++ b/css/reveal.scss
@@ -1037,37 +1037,38 @@ $controlsArrowAngleActive: 36deg;
 	overflow-y: auto;
 }
 
+.no-transforms .reveal {
+	overflow: visible;
+}
+
 .no-transforms .reveal .slides {
 	position: relative;
 	width: 80%;
-	height: auto !important;
+	max-width: 1280px;
+	height: auto;
 	top: 0;
-	left: 50%;
-	margin: 0;
+	margin: 0 auto;
 	text-align: center;
 }
 
 .no-transforms .reveal .controls,
 .no-transforms .reveal .progress {
-	display: none !important;
+	display: none;
 }
 
 .no-transforms .reveal .slides section {
-	display: block !important;
-	opacity: 1 !important;
-	position: relative !important;
+	display: block;
+	opacity: 1;
+	position: relative;
 	height: auto;
 	min-height: 0;
 	top: 0;
-	left: -50%;
+	left: 0;
+	margin: 10vh 0;
 	margin: 70px 0;
 	transform: none;
 }
 
-.no-transforms .reveal .slides section section {
-	left: 0;
-}
-
 .reveal .no-transition,
 .reveal .no-transition * {
 	transition: none !important;