From bb5feb14b9ee8fd36653cc624d038052965bf4d2 Mon Sep 17 00:00:00 2001
From: Anhgelus Morhtuuzh <anhgelus.morhtuuzh@proton.me>
Date: Tue, 12 Nov 2024 17:34:26 +0100
Subject: feat(tag): collaspable

---
 scss/main.scss | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)

(limited to 'scss')

diff --git a/scss/main.scss b/scss/main.scss
index 4e2e904..b24b490 100644
--- a/scss/main.scss
+++ b/scss/main.scss
@@ -107,6 +107,10 @@ h3 {
   font-size: 1.5rem;
 }
 
+h4 {
+  font-size: 1.25rem;
+}
+
 .presentation {
   position: relative;
   display: flex;
@@ -194,6 +198,32 @@ h3 {
   }
 }
 
+.tags {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  margin-top: 1rem;
+  column-gap: 2rem;
+  row-gap: 1rem;
+  & h4 {
+    //text-align: center;
+  }
+  & p {
+    display: none;
+  }
+}
+
+.tag {
+  cursor: pointer;
+  &.active {
+    & h4 {
+      margin-bottom: 0.5rem;
+    }
+    & p {
+      display: block;
+    }
+  }
+}
+
 .credits-legal {
   width: 70%;
 }
-- 
cgit v1.2.3