fix some css issues

2025-02-27 15:38:09 -08:00
parent d209a0c37d
commit 96db93167f
2 changed files with 552 additions and 1 deletions
--- a/css/styles.css
+++ b/css/styles.css
@ -1,7 +1,45 @@
+:root {
+  --bg: #ebdbb2;
+  --fg: #282828;
+}
 body {
-    background-color: #ebdbb2;
+    background-color: var(--bg);
    color:#282828;
 }
 a {
    text-decoration: none;
 }
+header {
+  padding-top: 10px;
+  position: -webkit-sticky;
+  position: sticky;
+  background-color: var(--bg);
+  top: 0;
+  width: 100%;
+  z-index: 100000;
+  display: flex;
+  align-items: flex-start;
+  overflow: clip;
+
+  > nav {
+    border-bottom: 1px solid var(--fg);
+    width: 100%;
+
+    > ul {
+      margin: 0;
+      padding: 0;
+      display: flex;
+      align-items: baseline;
+      justify-content: flex-start;
+      list-style-type: none;
+
+      > li {
+        padding: 10px;
+
+        > h1 {
+          display: inline
+        }
+      }
+    }
+  }
+}