aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--pages/_app.tsx1
-rw-r--r--styles/layout.css7
-rw-r--r--styles/print.css19
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); }
+}