diff options
author | Nicholas Johnson <> | 2025-07-27 00:00:00 +0000 |
---|---|---|
committer | Nicholas Johnson <> | 2025-07-27 00:00:00 +0000 |
commit | fe03420640a0c8df373c5dcacb47c93647575e6064f11468460ab655dcb2d2db (patch) | |
tree | 769482c273f17bda640527cbcd09d8d3dc719a50a7e8a7766ad993f6fa999e1c | |
parent | 8627738357101eb1216697c94bb00b403c46019d4890358ea96a54f4a4fec305 (diff) | |
download | hugo-theme-journal-fe03420640a0c8df373c5dcacb47c93647575e6064f11468460ab655dcb2d2db.tar.gz hugo-theme-journal-fe03420640a0c8df373c5dcacb47c93647575e6064f11468460ab655dcb2d2db.zip |
Add body padding width to CSS media query
Changing box-sizing from content-box to border-box caused the body width
to account for padding, so it has to be added back in order to get the
full 72 chars in the main content.
-rw-r--r-- | assets/static/css/style.css | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/assets/static/css/style.css b/assets/static/css/style.css index 2e6686b..67b42f2 100644 --- a/assets/static/css/style.css +++ b/assets/static/css/style.css @@ -99,9 +99,9 @@ blockquote, ol, p, pre, ul, .highlight { padding: 1.4em; } -@media only screen and (min-width: 72ch) { +@media only screen and (min-width: calc(72ch + 2 * 1.4em)) { .body { - max-width: 72ch; + max-width: calc(72ch + 2 * 1.4em); } } |