diff options
| -rw-r--r-- | pages/_app.tsx | 1 | ||||
| -rw-r--r-- | styles/layout.css | 7 | ||||
| -rw-r--r-- | styles/print.css | 19 |
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); } +} |