Adding one-sided transitions

Now the transition isn’t any more „per slide“ but „per movement of a
slide“. So the slide can disappear in another way than it appeared.

1 files changed, 4 insertions, 0 deletions

diff --git a/css/reveal.scss b/css/reveal.scss
index ed74153..17e0407 100644
--- a/css/reveal.scss
+++ b/css/reveal.scss
@@ -458,12 +458,14 @@ body {
 }
 @mixin transition-horizontal-past($style) {
   .reveal .slides>section[data-transition=#{$style}].past,
+  .reveal .slides>section[data-transition~=#{$style}-out].past,
   .reveal.#{$style} .slides>section:not([data-transition]).past {
     @content;
   }
 }
 @mixin transition-horizontal-future($style) {
   .reveal .slides>section[data-transition=#{$style}].future,
+  .reveal .slides>section[data-transition~=#{$style}-in].future,
   .reveal.#{$style} .slides>section:not([data-transition]).future {
     @content;
   }
@@ -471,12 +473,14 @@ body {
 
 @mixin transition-vertical-past($style) {
   .reveal .slides>section>section[data-transition=#{$style}].past,
+  .reveal .slides>section>section[data-transition~=#{$style}-out].past,
   .reveal.#{$style} .slides>section>section:not([data-transition]).past {
     @content;
   }
 }
 @mixin transition-vertical-future($style) {
   .reveal .slides>section>section[data-transition=#{$style}].future,
+  .reveal .slides>section>section[data-transition~=#{$style}-in].future,
   .reveal.#{$style} .slides>section>section:not([data-transition]).future {
     @content;
   }