From 62c4053db90b530e8391812dc8728bad2ca042ba Mon Sep 17 00:00:00 2001
From: Helen Chong <119173961+helenclx@users.noreply.github.com>
Date: Wed, 12 Jun 2024 21:54:38 +0800
Subject: [PATCH] Create webring classes

---
 src/assets/css/components.css | 28 +++++++++++++++++++++++++++-
 1 file changed, 27 insertions(+), 1 deletion(-)

diff --git a/src/assets/css/components.css b/src/assets/css/components.css
index 780a4ce5..b09fff81 100644
--- a/src/assets/css/components.css
+++ b/src/assets/css/components.css
@@ -1,4 +1,4 @@
-/* SPECIAL COMPONENTS */
+/* Text Box */
 .text-box {
     background: var(--clr-quote-bg);
     border: 0.1em solid var(--clr-main-heading);
@@ -8,6 +8,7 @@
     gap: 1em;
 }
 
+/* Mod entry */
 .mod-entry,
 .mod-entry__downloads {
     display: grid;
@@ -141,3 +142,28 @@
     padding: 0;
     margin: 0;
 }
+
+/* Web ring */
+.webring {
+    border: 0.08em outset;
+    text-align: center;
+}
+
+.webring__name {
+    margin: 0;
+    padding: 0.1em;
+    border: 0.08em solid;
+}
+
+.webring__links {
+    list-style: none;
+    padding: 0;
+    margin: 0 !important;
+    display: flex;
+}
+
+.webring__link {
+    flex: 1;
+    border: 0.08em solid;
+    padding: 0.2em 0.4em;
+}
\ No newline at end of file