diff options
| author | Hakim El Hattab <hakim.elhattab@gmail.com> | 2016-10-05 14:00:40 +0200 |
|---|---|---|
| committer | Hakim El Hattab <hakim.elhattab@gmail.com> | 2016-10-05 14:00:40 +0200 |
| commit | 0b9233cf4a1a53297356cbc834c2240a92d20545 (patch) | |
| tree | 2194ec29e51412bab129031dd300db5501fcc7d9 /css | |
| parent | ce55d1a179c4e81ffe84c4f880a3b21fb6f3b440 (diff) | |
| download | freenode-live-2017-presentation-0b9233cf4a1a53297356cbc834c2240a92d20545.tar freenode-live-2017-presentation-0b9233cf4a1a53297356cbc834c2240a92d20545.tar.gz | |
attempt at fixing ff transition bug #1627
Diffstat (limited to 'css')
| -rw-r--r-- | css/reveal.css | 12 | ||||
| -rw-r--r-- | css/reveal.scss | 10 |
2 files changed, 14 insertions, 8 deletions
diff --git a/css/reveal.css b/css/reveal.css index fae8123..c879c03 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 c888a27..c5ff05a 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; } |