From d89bbf93ed05e1e7ede7887d78beeadb3dd79ef9 Mon Sep 17 00:00:00 2001
From: Davis SHYAKA <87414827+davis-shyaka@users.noreply.github.com>
Date: Wed, 24 Jul 2024 17:35:12 +0200
Subject: [PATCH] an excuse to trigger a (correct?) deployment preview

---
 src/routes/icons/Icons.svelte | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/routes/icons/Icons.svelte b/src/routes/icons/Icons.svelte
index c3a904d..8547ebb 100644
--- a/src/routes/icons/Icons.svelte
+++ b/src/routes/icons/Icons.svelte
@@ -60,7 +60,15 @@
 			<ContextMenuTrigger
 				class={cn(
 					'flex h-28 w-full cursor-pointer flex-col items-center justify-center gap-1.5 px-4 text-gray-900 hover:bg-background-100',
-					// Border-specifics.
+					/* 
+						This code applies border styles to elements based on their position and screen size:
+						- Adds bottom and right borders to all elements.
+						- Removes the right border for every second element.
+						- At the small (sm) breakpoint:
+							- Adds the right border back to every second element.
+							- Removes the right border for every fourth element.
+						- Removes the bottom border for elements in the last row.
+					*/
 					'border-b border-r [&:nth-child(2n)]:border-r-0 sm:[&:nth-child(2n)]:border-r sm:[&:nth-child(4n)]:border-r-0',
 					{
 						'border-b-0': i >= preview_icons.length - last_row_count