From bb49580f645d8f7cdf1915a7f15d6f763ceecdc3 Mon Sep 17 00:00:00 2001
From: jamie <git@skilet.ro>
Date: Sun, 15 Jun 2025 23:28:47 +0100
Subject: feat: finish reactivity

Could still do with more work, but it's pretty good for now.
---
 css/default.scss | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

(limited to 'css/default.scss')

diff --git a/css/default.scss b/css/default.scss
index a6854a3..897e305 100644
--- a/css/default.scss
+++ b/css/default.scss
@@ -92,6 +92,10 @@ content {
     padding: 1.25rem;
     height: fit-content;
   }
+
+  @include for-phone-only {
+    flex-direction: column;
+  }
 }
 
 footer {
@@ -144,6 +148,26 @@ nav {
   span {
     color: oklch(from $foreground-color 0.45 c h);
   }
+
+  @include for-phone-only {
+    margin: 0;
+    margin-bottom: 0.75rem;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+
+    a {
+      writing-mode: horizontal-tb;
+
+      &:first-child {
+        margin-right: auto;
+      }
+    }
+
+    span {
+      display: none;
+    }
+  }
 }
 
 /* --- STANDARD ELEMENTS --- */
-- 
cgit v1.3.1