1 files changed, 89 insertions, 0 deletions
diff --git a/src/scss/base/_animations.scss b/src/scss/base/_animations.scss
new file mode 100644
index 0000000..a2df8ab
--- /dev/null
+++ b/src/scss/base/_animations.scss
@@ -0,0 +1,89 @@
+@keyframes fadeIn {
+  0% {
+    opacity: 0;
+  }
+
+  100% {
+    opacity: 1;
+    visibility: visible;
+  }
+}
+
+@keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+    visibility: hidden;
+  }
+}
+
+@keyframes slideInLeft {
+  0% {
+    margin-left: -100%;
+  }
+
+  100% {
+    margin-left: 0;
+    visibility: visible;
+  }
+}
+
+@keyframes slideOutLeft {
+  0% {
+    margin-left: 0;
+  }
+
+  100% {
+    margin-left: -100%;
+    visibility: hidden;
+  }
+}
+
+@keyframes slideInUp {
+  0% {
+    margin-bottom: -100vh;
+  }
+
+  100% {
+    margin-bottom: 0;
+    visibility: visible;
+  }
+}
+
+@keyframes slideOutBottom {
+  0% {
+    margin-bottom: 0;
+  }
+
+  100% {
+    margin-bottom: -100vh;
+    visibility: hidden;
+  }
+}
+
+.fade-in {
+  animation: fadeIn 1s;
+}
+
+.fade-out {
+  animation: fadeOut 1s;
+}
+
+.slide-in--left {
+  animation: slideInLeft 0.8s;
+}
+
+.slide-out--left {
+  animation: slideOutLeft 0.8s;
+}
+
+.slide-in--up {
+  animation: slideInUp 1s;
+}
+
+.slide-out--bottom {
+  animation: slideOutBottom 1s;
+}