From 0b9233cf4a1a53297356cbc834c2240a92d20545 Mon Sep 17 00:00:00 2001
From: Hakim El Hattab <hakim.elhattab@gmail.com>
Date: Wed, 5 Oct 2016 14:00:40 +0200
Subject: [PATCH] attempt at fixing ff transition bug #1627

---
 css/reveal.css  | 12 ++++++------
 css/reveal.scss | 10 ++++++++--
 2 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/css/reveal.css b/css/reveal.css
index fae81233..c879c037 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -463,8 +463,8 @@ body {
  * CONVEX TRANSITION
  * Aliased 'default' for backwards compatibility
  *********************************************/
-.reveal .slides section[data-transition=default],
-.reveal.default .slides section:not([data-transition]) {
+.reveal .slides section[data-transition=default].stack,
+.reveal.default .slides section.stack {
   -webkit-transform-style: preserve-3d;
           transform-style: preserve-3d; }
 
@@ -492,8 +492,8 @@ body {
   -webkit-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
           transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); }
 
-.reveal .slides section[data-transition=convex],
-.reveal.convex .slides section:not([data-transition]) {
+.reveal .slides section[data-transition=convex].stack,
+.reveal.convex .slides section.stack {
   -webkit-transform-style: preserve-3d;
           transform-style: preserve-3d; }
 
@@ -524,8 +524,8 @@ body {
 /*********************************************
  * CONCAVE TRANSITION
  *********************************************/
-.reveal .slides section[data-transition=concave],
-.reveal.concave .slides section:not([data-transition]) {
+.reveal .slides section[data-transition=concave].stack,
+.reveal.concave .slides section.stack {
   -webkit-transform-style: preserve-3d;
           transform-style: preserve-3d; }
 
diff --git a/css/reveal.scss b/css/reveal.scss
index c888a275..c5ff05ac 100644
--- a/css/reveal.scss
+++ b/css/reveal.scss
@@ -480,6 +480,12 @@ body {
 		@content;
 	}
 }
+@mixin transition-stack($style) {
+	.reveal .slides section[data-transition=#{$style}].stack,
+	.reveal.#{$style} .slides section.stack {
+		@content;
+	}
+}
 @mixin transition-horizontal-past($style) {
 	.reveal .slides>section[data-transition=#{$style}].past,
 	.reveal .slides>section[data-transition~=#{$style}-out].past,
@@ -539,7 +545,7 @@ body {
  *********************************************/
 
 @each $stylename in default, convex {
-	@include transition-global(#{$stylename}) {
+	@include transition-stack(#{$stylename}) {
 		transform-style: preserve-3d;
 	}
 
@@ -561,7 +567,7 @@ body {
  * CONCAVE TRANSITION
  *********************************************/
 
-@include transition-global(concave) {
+@include transition-stack(concave) {
 	transform-style: preserve-3d;
 }