dirk
/
why-cant-we-deploy-today
1
0
Fork 0
Code Releases Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
css/reveal.css
View File

@ -463,8 +463,8 @@ body {
* CONVEX TRANSITION * CONVEX TRANSITION
* Aliased 'default' for backwards compatibility * Aliased 'default' for backwards compatibility
*********************************************/ *********************************************/
.reveal .slides section[data-transition=default], .reveal .slides section[data-transition=default].stack,
.reveal.default .slides section:not([data-transition]) { .reveal.default .slides section.stack {
-webkit-transform-style: preserve-3d; -webkit-transform-style: preserve-3d;
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); -webkit-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
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 .slides section[data-transition=convex].stack,
.reveal.convex .slides section:not([data-transition]) { .reveal.convex .slides section.stack {
-webkit-transform-style: preserve-3d; -webkit-transform-style: preserve-3d;
transform-style: preserve-3d; } transform-style: preserve-3d; }
@ -524,8 +524,8 @@ body {
/********************************************* /*********************************************
* CONCAVE TRANSITION * CONCAVE TRANSITION
*********************************************/ *********************************************/
.reveal .slides section[data-transition=concave], .reveal .slides section[data-transition=concave].stack,
.reveal.concave .slides section:not([data-transition]) { .reveal.concave .slides section.stack {
-webkit-transform-style: preserve-3d; -webkit-transform-style: preserve-3d;
transform-style: preserve-3d; } transform-style: preserve-3d; }

10
css/reveal.scss
View File

@ -480,6 +480,12 @@ body {
@content; @content;
} }
} }
@mixin transition-stack($style) {
.reveal .slides section[data-transition=#{$style}].stack,
.reveal.#{$style} .slides section.stack {
@content;
}
}
@mixin transition-horizontal-past($style) { @mixin transition-horizontal-past($style) {
.reveal .slides>section[data-transition=#{$style}].past, .reveal .slides>section[data-transition=#{$style}].past,
.reveal .slides>section[data-transition~=#{$style}-out].past, .reveal .slides>section[data-transition~=#{$style}-out].past,
@ -539,7 +545,7 @@ body {
*********************************************/ *********************************************/
@each $stylename in default, convex { @each $stylename in default, convex {
@include transition-global(#{$stylename}) { @include transition-stack(#{$stylename}) {
transform-style: preserve-3d; transform-style: preserve-3d;
} }
@ -561,7 +567,7 @@ body {
* CONCAVE TRANSITION * CONCAVE TRANSITION
*********************************************/ *********************************************/
@include transition-global(concave) { @include transition-stack(concave) {
transform-style: preserve-3d; transform-style: preserve-3d;
} }