From 420b6912d7ef004f3ced3cb89d95abf7a9ed1274 Mon Sep 17 00:00:00 2001
From: Johannes Ammon <j.ammon@dr-ammon.de>
Date: Sun, 18 Jan 2015 18:12:36 +0100
Subject: [PATCH] Adding one-sided transitions
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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.
---
 README.md       | 21 +++++++++++++++++++++
 css/reveal.scss |  4 ++++
 2 files changed, 25 insertions(+)

diff --git a/README.md b/README.md
index 12ddea8e..53c85c87 100644
--- a/README.md
+++ b/README.md
@@ -474,6 +474,27 @@ The global presentation transition is set using the ```transition``` config valu
 </section>
 ```
 
+You can as well override only the appearing or the disappearing of the slide:
+
+```html
+<section data-transition="slide">
+    The train goes on … 
+</section>
+<section data-transition="slide"> 
+    and on … 
+</section>
+<section data-transition="slide-in fade-out"> 
+    and stops.
+</section>
+<section data-transition="fade-in slide-out"> 
+    (Passengers entering and leaving)
+</section>
+<section data-transition="slide">
+    And it starts again.
+</section>
+```
+
+
 Note that this does not work with the page and cube transitions.
 
 
diff --git a/css/reveal.scss b/css/reveal.scss
index ed741535..17e0407b 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;
   }