print css

3 files changed, 27 insertions, 0 deletions

diff --git a/pages/_app.tsx b/pages/_app.tsx
index 6b0e4fa..0f1e87b 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -8,6 +8,7 @@ import '../styles/globals.css';
 import '../styles/image.css';
 import '../styles/layout.css';
 import '../styles/navbar.css';
+import '../styles/print.css';
 import '../styles/search.css';
 import '../styles/tags.css';
 
diff --git a/styles/layout.css b/styles/layout.css
index 5c8cc50..70f94dc 100644
--- a/styles/layout.css
+++ b/styles/layout.css
@@ -88,6 +88,13 @@ blockquote:before {
 	background-color: var(--cyan-process);
 }
 
+@media (prefers-color-scheme: light) {
+	blockquote {
+		color: var(--oxford-blue);
+		opacity: .8;
+	}
+}
+
 @media screen and (max-device-width: 550px) {
 	.navAreaWrapper {
 		grid-column: none;
diff --git a/styles/print.css b/styles/print.css
new file mode 100644
index 0000000..4867c83
--- /dev/null
+++ b/styles/print.css
@@ -0,0 +1,19 @@
+@media print {
+	:root {
+		--nav-width: 0px;
+
+		--bg: #ffffff;
+		--fg: #000000;
+
+		--heliotrope-gray: var(--bg);
+		--purple-navy: #989abb;
+
+		--fire-opal: #ba3321;
+		--cyan-process: #397889;
+		--forest-green-crayola: #376848;
+
+	}
+
+	.centeredPage { grid-gap: var(--page-margins) 0; }
+	pre { border: solid 2px var(--fg); }
+}