attempt at fixing ff transition bug #1627
parent
ce55d1a179
commit
0b9233cf4a
|
@ -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; }
|
||||
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue