From bb9f2bb3e53bfa191dc4f964942829f012843d35 Mon Sep 17 00:00:00 2001
From: SrGooglo <srgooglo@ragestudio.net>
Date: Wed, 21 Dec 2022 19:15:54 +0000
Subject: [PATCH] added animations

---
 packages/app/src/theme/animations.less | 32 ++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)

diff --git a/packages/app/src/theme/animations.less b/packages/app/src/theme/animations.less
index c9ba3214..90c46cbc 100755
--- a/packages/app/src/theme/animations.less
+++ b/packages/app/src/theme/animations.less
@@ -42,6 +42,38 @@
 	opacity: 1;
 }
 
+.transverse-enter {
+	animation: transverse-enter 0.3s ease-in-out forwards;
+}
+
+.transverse-out {
+	animation: transverse-out 0.3s ease-in-out forwards;
+}
+
+@keyframes transverse-enter {
+	from {
+		opacity: 0;
+		transform: translateX(-30px);
+	}
+
+	to {
+		opacity: 1;
+		transform: translateX(0);
+	}
+}
+
+@keyframes transverse-out {
+	from {
+		opacity: 1;
+		transform: translateX(0);
+	}
+
+	to {
+		opacity: 0;
+		transform: translateX(30px);
+	}
+}
+
 @keyframes fadeOut {
 	from {
 		opacity: 1;