From bf795ed03c8666fcb4a9b2c70cee11d5576d7a72 Mon Sep 17 00:00:00 2001
From: Minh Vo <minh.vo2@mail.mcgill.ca>
Date: Tue, 30 Dec 2025 11:16:27 -0500
Subject: [PATCH] make all css to tailwind

---
 src/components/event/EventBlock.svelte | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/components/event/EventBlock.svelte b/src/components/event/EventBlock.svelte
index 372397c..1846393 100644
--- a/src/components/event/EventBlock.svelte
+++ b/src/components/event/EventBlock.svelte
@@ -305,12 +305,10 @@
 			transform: rotateY(0);
 		}
 	}
-
-	/*Only work with normal css for now */
 	@media (min-width: 448px) {
 		/* Apply hover effect only on screens wider than md*/
 		.flip-box:hover .flip-box-front {
-			animation: rotate-and-back 0.3s ease-in-out;
+			@apply animate-[rotate-and-back_0.3s_ease-in-out];
 		}
 	}