1
0
Fork 0
mirror of https://git.sr.ht/~seirdy/seirdy.one synced 2024-11-23 21:02:09 +00:00

Improve print stylesheets

- Don't pad nav on print
- Link underlines in the TOC are not necessary in print
- Show home link on print
This commit is contained in:
Rohan Kumar 2022-05-02 15:42:57 -07:00
parent 1502d59e59
commit abc7b57e95
No known key found for this signature in database
GPG key ID: 1E892DB2A5F84479
3 changed files with 23 additions and 16 deletions

View file

@ -42,6 +42,22 @@ html {
margin: auto;
max-width: 38em;
}
/* Compensate for misalignment caused by a padding increase. */
header nav,
footer nav {
margin: -.375em;
}
/* Increase nav link tap target size a bit */
nav a {
padding: .125em;
}
nav li {
line-height: 2;
}
}
/* Small text is easier to read when slightly bolder.
@ -95,17 +111,6 @@ h1 {
}
}
/* Compensate for misalignment caused by a padding increase. */
header nav,
footer nav {
margin: -.375em;
}
/* Increase nav link tap target size a bit */
nav a {
padding: .125em;
}
/* Save some space and paper by making the site nav and footer
* links single-line, but bump up the line-height to increase
* space between tap-targets (a11y) */
@ -115,9 +120,6 @@ footer li {
margin: .25em;
}
nav li {
line-height: 2;
}
/* Lists without bullets: navlinks, posts lists, webmentions.
* Those three are lists whose items are already easily

View file

@ -9,6 +9,12 @@
header nav a:not([rel="home"]) span {
display: none;
}
/* unerlines in TOC get in the way. */
nav[role="doc-toc"] a {
text-decoration: none;
}
}
/* Print: don't orphan headings */

View file

@ -30,9 +30,8 @@
{{ $favicon := resources.Get "/favicon.png" -}}
{{ $favicon_base64 := $favicon.Content | base64Encode }}
{{ printf `<link rel="icon" sizes="32x32" href="data:image/png;base64,%s" type="image/png">` $favicon_base64 | safeHTML -}}
<!-- Why does apple do this -->
<meta name="color-scheme" content="light dark">
<meta name="format-detection" content="telephone=no">
<meta name="format-detection" content="telephone=no"><!-- Why does apple do this -->
<meta name="theme-color" content="#0f0f0b" media="(prefers-color-scheme:dark)">
<meta name="theme-color" content="#fff" media="(prefers-color-scheme:light)">
<!-- inline CSS; remember to allow it with a hash in the CSP -->