From 4e30ae95eaf52a7f427bdf020d118f40e00ab291 Mon Sep 17 00:00:00 2001
From: Zach Berwaldt <zberwaldt@tutamail.com>
Date: Mon, 9 Oct 2023 13:41:04 -0400
Subject: add some homemade svg, wpartials, and darkmode

---
 assets/css/main.css | 59 ++++++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 58 insertions(+), 1 deletion(-)

(limited to 'assets/css/main.css')

diff --git a/assets/css/main.css b/assets/css/main.css
index 97d1f73..a7d2bf8 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -17,6 +17,35 @@ footer {
     background: #00000055;
 }
 
+.fixed {
+    position: fixed;
+    top: 0;
+}
+
+#actions {
+    width: 100%;
+    padding: .5rem;
+}
+
+#actions button:first-of-type {
+    margin-right: 1rem;
+}
+
+#actions button {
+    background: transparent;
+    border: none;
+    width: fit-content;
+    padding: 0;
+}
+
+#actions button:hover {
+    color:aquamarine !important;
+}
+
+.aligned.right {
+    justify-content: flex-end;
+}
+
 .flex {
     display: flex;
 }
@@ -25,6 +54,11 @@ footer {
     flex-direction: row;
 }
 
+.centered {
+    align-items: center;
+    justify-content: center;
+}
+
 .flex.col {
     flex-direction: column;
 }
@@ -75,4 +109,27 @@ footer {
     text-transform: uppercase;
     font-weight: 600;
 }
-  
\ No newline at end of file
+
+.icon svg {
+    width: 1em;
+    height: 1em;
+    margin-right: .4em;
+}
+
+.hide {
+    display: none;
+}
+
+.icon:hover {
+    color: inherit !important;
+}
+
+html[data-theme="dark"] .icon,
+html[data-theme="dark"] #actions button {
+    color: white;
+}
+
+html[data-theme="light"] .icon,
+html[data-theme="light"] #actions button {
+    color: #24333e;
+}
\ No newline at end of file
-- 
cgit v1.1