From b6ceeb0841554d1dccf9dab4c4ef68984d690bb3 Mon Sep 17 00:00:00 2001
From: Andrew Croce <andrew+dds@promptworks.com>
Date: Tue, 14 Aug 2018 11:26:42 -0400
Subject: [PATCH] slide transition styles

---
 styles/core/_transitions.scss | 36 +++++++++++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)
 create mode 100644 styles/core/_transitions.scss

diff --git a/styles/core/_transitions.scss b/styles/core/_transitions.scss
new file mode 100644
index 00000000..69c5f6ee
--- /dev/null
+++ b/styles/core/_transitions.scss
@@ -0,0 +1,36 @@
+// Slide up/down transition
+.slide-enter-active {
+  transform-origin: 0 0;
+  transition: transform 0.5s ease-out;
+
+  > * {
+    transition: opacity 0.5s ease-in;
+  }
+}
+
+.slide-leave-active {
+  transform-origin: 0 0;
+  transition: transform 0.5s ease-in;
+
+  > * {
+    transition: opacity 0.5s ease-out;
+  }
+}
+
+.slide-enter,
+.slide-leave-to {
+  transform: scaleY(0);
+
+  > * {
+    opacity: 0;
+  }
+}
+
+.slide-enter-to,
+.slide-leave {
+  transform: scaleY(1);
+
+  > * {
+    opacity: 1;
+  }
+}