From fc073c245fb2122d3afbe16d3188cc96c022baa8 Mon Sep 17 00:00:00 2001 From: lonkaars Date: Tue, 13 Jul 2021 10:36:19 +0200 Subject: print css --- pages/_app.tsx | 1 + styles/layout.css | 7 +++++++ styles/print.css | 19 +++++++++++++++++++ 3 files changed, 27 insertions(+) create mode 100644 styles/print.css 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); } +} -- cgit v1.2.3