From d8784ecd03be1cc90887242ae340a0bbf069da18 Mon Sep 17 00:00:00 2001
From: realtradam <github@tradam.dev>
Date: Thu, 20 Jun 2024 15:16:03 -0400
Subject: add mobile sliding sidepanel

---
 src/index.css | 39 ++++++++++++++++++++++++++++++++++++++-
 1 file changed, 38 insertions(+), 1 deletion(-)

(limited to 'src/index.css')

diff --git a/src/index.css b/src/index.css
index 72845f6..153686f 100644
--- a/src/index.css
+++ b/src/index.css
@@ -9,8 +9,45 @@
 @apply py-2 px-4 bg-blue-200;
 }
 }
-
  */
+
+@keyframes sidebar-enter {
+	from {
+		left: -16rem;
+	}
+	to {
+		left: 0;
+	}
+}
+
+@keyframes sidebar-exit {
+	from {
+		left: 0;
+	}
+	to {
+		left: -16rem;
+	}
+}
+
+.sidebarInit {
+	left: -16rem;
+}
+
+.sidebarOpen {
+	animation-name: sidebar-enter;
+	left: 0;
+}
+
+.sidebarClosed {
+	animation-name: sidebar-exit;
+	left: -16rem;
+}
+
+#sidebar {
+	animation-duration: 0.5s;
+	animation-iteration-count: 1;
+}
+
 .gameCard {
 	aspect-ratio: 5/7;
 	width: 300px;
-- 
cgit v1.2.3