From 4e30ae95eaf52a7f427bdf020d118f40e00ab291 Mon Sep 17 00:00:00 2001 From: Zach Berwaldt 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