attempt at fixing ff transition bug #1627

This commit is contained in:
Hakim El Hattab 2016-10-05 14:00:40 +02:00
parent ce55d1a179
commit 0b9233cf4a
2 changed files with 14 additions and 8 deletions

View file

@ -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; }

View file

@ -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;
}