From 1f0d2eebe6c77e36373deaf292e082882d2f6ce1 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Tue, 18 Jul 2023 20:40:10 +0800
Subject: [PATCH] Having fun with multi-stacking modals

---
 src/components/modal.css | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/components/modal.css b/src/components/modal.css
index 406e68da..afc4a1a8 100644
--- a/src/components/modal.css
+++ b/src/components/modal.css
@@ -12,6 +12,13 @@
   backdrop-filter: blur(24px);
   animation: appear 0.5s var(--timing-function) both;
 }
+#modal-container > div .sheet {
+  transition: transform 0.3s var(--timing-function);
+  transform-origin: center bottom;
+}
+#modal-container > div:has(~ div) .sheet {
+  transform: scale(0.975);
+}
 
 #modal-container > .light {
   backdrop-filter: saturate(0.75);