feat: empty components, functional nav

2025-07-15 12:47:49 -07:00
parent cb0da16c0b
commit 168f9b9ad5
36 changed files with 8819 additions and 7 deletions
@@ -0,0 +1,44 @@
+nav {
+  width: 100%;
+  height: 50px;
+  position: fixed;
+  background: var(--background);
+  color: var(--foreground);
+  top: 0;
+}
+
+ul {
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  flex-wrap: nowrap;
+}
+
+li {
+  margin: 0 10px;
+}
+
+#highlight {
+  font-size: 1.2em;
+  background: var(--foreground);
+  color: var(--background);
+  padding: 5px 10px;
+  border-radius: 5px;
+}
+
+@media screen and (max-width: 650px) {
+  nav {
+    height: 100px;
+  }
+  ul {
+    flex-wrap: wrap;
+  }
+  #highlight {
+    font-size: 1em;
+    color: var(--foreground);
+    background: transparent;
+  }
+}