From 1892bc38d8416a6ec79f37c41a9ffb38b6f44938 Mon Sep 17 00:00:00 2001
From: Loek Le Blansch <loek@pipeframe.xyz>
Date: Fri, 24 Jan 2025 18:36:15 +0100
Subject: minimalize layout

---
 _sass/media.scss | 42 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 42 insertions(+)
 create mode 100644 _sass/media.scss

(limited to '_sass/media.scss')

diff --git a/_sass/media.scss b/_sass/media.scss
new file mode 100644
index 0000000..2b4fc8b
--- /dev/null
+++ b/_sass/media.scss
@@ -0,0 +1,42 @@
+// no floating toc when screen too narrow
+@media only screen and (max-width: 450px) {
+	aside {
+		float: none;
+		width: unset;
+
+		border-left: none;
+		border-bottom: 1px dashed;
+		margin-left: 0px;
+	}
+}
+
+@media only screen and (prefers-color-scheme: dark) {
+	:root, html {
+		background-color: black;
+		color: white;
+	}
+	.invert {
+		background-color: #222;
+		color: inherit;
+	}
+	nav .item.active {
+		color: inherit;
+		background-color: black;
+		text-decoration: underline;
+		font-weight: bold;
+	}
+	a { color: #9aa9f9; }
+	a:visited { color: #bb87f2; }
+}
+
+@media print {
+	nav { display: none; }
+
+	.invert {
+		background-color: unset;
+		color: unset;
+	}
+
+	.limitwidth { max-width: 35em; }
+}
+
-- 
cgit v1.2.3