From aeedf51121404b95880ba4b9a691def7a870bd89 Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Fri, 2 Jun 2023 17:04:56 +0200
Subject: [PATCH] Added transitions to the Content styles.sass

---
 .../src/common/components/Content/styles.sass  | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/client/src/common/components/Content/styles.sass b/client/src/common/components/Content/styles.sass
index 27e7240..9d4232f 100644
--- a/client/src/common/components/Content/styles.sass
+++ b/client/src/common/components/Content/styles.sass
@@ -4,6 +4,24 @@
   overflow-y: scroll
   overflow-x: hidden
 
+.page-enter
+  opacity: 0
+  transform: scale(1.1)
+
+.page-enter-active
+  opacity: 1
+  transform: scale(1)
+  transition: opacity 300ms, transform 300ms
+
+.page-exit
+  opacity: 1
+  transform: scale(1)
+
+.page-exit-active
+  opacity: 0
+  transform: scale(0.9)
+  transition: opacity 300ms, transform 300ms
+
 @media screen and (max-width: 1024px)
   .content-wrapper
     padding: 2rem 22vw 0 2rem