From 81a3ddbbf4188ee27d702e3005924efb5771a6b4 Mon Sep 17 00:00:00 2001
From: Furkan Sahin <furkan-dev@proton.me>
Date: Sat, 4 Jun 2022 22:50:45 -0500
Subject: WiP using for loop to define 3 columns

---
 src/App.svelte | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)

(limited to 'src/App.svelte')

diff --git a/src/App.svelte b/src/App.svelte
index 1242e0d..4664e1e 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -15,4 +15,32 @@
 			font-family: sans-serif, Proxima Nova;
 		}
 	}
+
+	/* Custom Styles */
+	@layer utilities {
+		.assign-box {
+			/* w-1/3 bg-green-500 flex flex-col border-solid hover:border-4 border-2 border-slate-400 */
+			width: 33.33%;
+			display: flex;
+			flex-direction: column;
+			border-width: 4px;
+			border: solid;
+			border-color: rgb(148 163 184);
+		}
+		.assign-box:hover {
+			border-width: 6px;
+			border-color: black;
+		}
+
+		.assign-box-header {
+			font-size: 1.5rem;
+			font-family: sans;
+			border: solid;
+			text-align: center;
+			height: 10%;
+			overflow: hidden;
+		}
+
+
+	}
 </style>
-- 
cgit v1.2.3

