aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorNicholas Johnson <>2025-07-27 00:00:00 +0000
committerNicholas Johnson <>2025-07-27 00:00:00 +0000
commitfe03420640a0c8df373c5dcacb47c93647575e6064f11468460ab655dcb2d2db (patch)
tree769482c273f17bda640527cbcd09d8d3dc719a50a7e8a7766ad993f6fa999e1c
parent8627738357101eb1216697c94bb00b403c46019d4890358ea96a54f4a4fec305 (diff)
downloadhugo-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.css4
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);
}
}