From 3aa67ddd217a7324d8d813e5166d79acc1e5f9e9 Mon Sep 17 00:00:00 2001
From: CasVT <casvantijn@gmail.com>
Date: Thu, 26 Jun 2025 17:55:48 +0200
Subject: [PATCH] Put UI window transition time into variable

---
 frontend/static/css/general.css   | 1 +
 frontend/static/css/reminders.css | 6 +++---
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/frontend/static/css/general.css b/frontend/static/css/general.css
index 04d240b..bc8a81e 100644
--- a/frontend/static/css/general.css
+++ b/frontend/static/css/general.css
@@ -27,6 +27,7 @@
 	--nav-button-spacing: .5rem;
 	--scrollbar-width: 12px;
 
+	--window-slice-duration: 500ms;
 	--dyn-spacing: clamp(.5rem, 2vw, 1rem);
 	--playful-curve: cubic-bezier(0.87, 0, 0.13, 1);
 	--default-shadow:
diff --git a/frontend/static/css/reminders.css b/frontend/static/css/reminders.css
index 7103e9d..d5445df 100644
--- a/frontend/static/css/reminders.css
+++ b/frontend/static/css/reminders.css
@@ -133,12 +133,12 @@ nav > div > button {
 	flex: 0 0 auto;
 
 	translate: 0 0;
-	transition: translate .5s ease-in-out;
+	transition: translate var(--window-slice-duration) ease-in-out;
 }
 
 .window-container.inter-window-ani > :where(#home, .extra-window-container) {
-	transition: translate .5s ease-in-out,
-				transform .5s ease-in-out;
+	transition: translate var(--window-slice-duration) ease-in-out,
+				transform var(--window-slice-duration) ease-in-out;
 }
 
 .extra-window-container {