feat(Animate): add slide animations

Lucianing · Aug 14, 2019 · 407dc5b · 407dc5b
1 parent 2bec304
commit 407dc5b
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 0 deletions.
diff --git a/docs/animate/index.md b/docs/animate/index.md
@@ -42,6 +42,10 @@
 | fadeInLeft   | fadeOutLeft   |
 | fadeInRight  | fadeOutRight  |
 | fadeInUp     | fadeOutUp     |
+| slideInDown   | slideOutUp   |
+| slideInLeft   | slideOutLeft   |
+| slideInRight  | slideOutRight  |
+| slideInUp     | slideOutDown     |
 | zoomIn       | zoomOut       |
 | expandInDown | expandOutUp   |
 | expandInUp   | expandOutDown |

diff --git a/src/animate/main.scss b/src/animate/main.scss
@@ -10,6 +10,8 @@
 @import "scss/_fading-exits/_fadeOutLeft.scss";
 @import "scss/_fading-exits/_fadeOutRight.scss";
 @import "scss/_fading-exits/_fadeOutUp.scss";
+@import "scss/_sliding-exits/sliding-exits.scss";
+@import "scss/_sliding-entrances/sliding-entrances.scss";
 @import "scss/_zooming-entrances/_zoomIn.scss";
 @import "scss/_zooming-exits/_zoomOut.scss";
 @import "scss/_expand-entrances/_expandInDown.scss";
@@ -60,6 +62,38 @@
     @include fadeOutUp();
 }
 
+.slideInUp {
+    @include slideInUp();
+}
+
+.slideInDown {
+    @include slideInDown();
+}
+
+.slideInLeft {
+    @include slideInLeft();
+}
+
+.slideInRight {
+    @include slideInRight();
+}
+
+.slideOutUp {
+    @include slideOutUp();
+}
+
+.slideOutRight {
+    @include slideOutRight();
+}
+
+.slideOutLeft {
+    @include slideOutLeft();
+}
+
+.slideOutDown {
+    @include slideOutDown();
+}
+
 .zoomIn {
     @include zoomIn();
 }