diff options
| -rw-r--r-- | source/_includes/preamble.html | 4 | ||||
| -rw-r--r-- | source/infra/css/main.css | 12 |
2 files changed, 5 insertions, 11 deletions
diff --git a/source/_includes/preamble.html b/source/_includes/preamble.html index 680e222..0a7ef16 100644 --- a/source/_includes/preamble.html +++ b/source/_includes/preamble.html @@ -1,4 +1,8 @@ <meta charset="utf-8"/> +<meta name="viewport" content="width=device-width"/> +<meta name="text-scale" content="scale"/> +<meta name="color-scheme" content="light dark"/> +<meta name="author" content="Marcus R.A. Newman"/> <!-- Generated by https://realfavicongenerator.net/ --> <link rel="apple-touch-icon" sizes="180x180" href="/infra/image/icon/apple-touch-icon.png?v=20221106"/> diff --git a/source/infra/css/main.css b/source/infra/css/main.css index 93f8baa..7ca9b1a 100644 --- a/source/infra/css/main.css +++ b/source/infra/css/main.css @@ -27,22 +27,12 @@ html { /*** BASIC STRUCTURE ***/ -/* Increase font size on mobile Firefox. I don't like this kind - * of specific fix, but the font is ridiculously small for me. */ -@supports (-moz-appearance: none) { - @media only screen and (hover: none) and (pointer: coarse) { - html { - font-size: 200% - } - } -} +/* Centered body text with limited width */ body { - /* Improve consistency between systems */ font-family: sans-serif; line-height: 1.5; -webkit-text-size-adjust: none; text-size-adjust: none; - /* Center text and limit its width */ max-width: 80ch; padding: 1ch; margin: auto; |