feat: finish reactivity

Could still do with more work, but it's pretty good for now.

1 files changed, 24 insertions, 0 deletions

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 --- */