From 0d2a3dfc064f565b1d318bcf8e85fb5273b891ae Mon Sep 17 00:00:00 2001
From: Nika Tomadze <nika.tomadze@gmail.com>
Date: Wed, 2 Jul 2014 18:54:38 +0400
Subject: [PATCH] added 'Fade Left' and 'Fade Right' transition effects

---
 src/modules/transition.less | 59 +++++++++++++++++++++++++++++++++++++
 1 file changed, 59 insertions(+)

diff --git a/src/modules/transition.less b/src/modules/transition.less
index 5981ff1d6..7109c8118 100755
--- a/src/modules/transition.less
+++ b/src/modules/transition.less
@@ -136,6 +136,20 @@
   animation-name: fadeDownOut;
 }
 
+.ui.fade.left.transition.in {
+  animation-name: fadeLeft;
+}
+.ui.fade.left.transition.out {
+  animation-name: fadeLeftOut;
+}
+
+.ui.fade.right.transition.in {
+  animation-name: fadeRight;
+}
+.ui.fade.right.transition.out {
+  animation-name: fadeRightOut;
+}
+
 /*--------------
       Scale
 ---------------*/
@@ -392,6 +406,51 @@
   }
 }
 
+/* Fade Left */
+@keyframes fadeLeft {
+  0% {
+    opacity: 0;
+    transform: translateX(-20px);
+  }
+  100% {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+@keyframes fadeLeftOut {
+  0% {
+    opacity: 1;
+    transform: translateX(0);
+  }
+  100% {
+    opacity: 0;
+    transform: translateX(-20px);
+  }
+}
+
+/* Fade Right */
+@keyframes fadeRight {
+  0% {
+    opacity: 0;
+    transform: translateX(20px);
+  }
+  100% {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+@keyframes fadeRightOut {
+  0% {
+    opacity: 1;
+    transform: translateX(0);
+  }
+  100% {
+    opacity: 0;
+    transform: translateX(20px);
+  }
+}
+
+
 /*--------------
       Scale
 ---------------*/