fix(css): drop body{} block to match live's effective styling

Stage's paragraph spacing was larger than live on text-heavy pages
(~4px per line). Root cause: when I converted the SCSS-style // comments
in praxis.css to /* */ a few iterations back, I accidentally revived
the body{} block that live's Grav asset pipeline silently drops at
build time. The block sets line-height: 24px (vs Bootstrap default
1.428 = ~20px) plus font-family Roboto and color #969595. The live
pipeline rejects the rule because the original `font-size: 14px; //13px;`
line has invalid CSS syntax — its minifier discards the whole
declaration. Browsers viewing my cleaned-up praxis.css accept the rule
and apply all properties.

Easiest way to match live exactly: remove the block. Bootstrap's body
defaults (Helvetica, line-height 1.428) now apply uniformly on stage,
matching the live render.
This commit is contained in:
2026-05-21 11:53:03 +02:00
parent 0b551d79da
commit abe5504ce8
+7 -8
View File
@@ -1,11 +1,10 @@
body { /* body { } block dropped on purpose — the live Grav asset pipeline
font-family : 'Roboto', sans-serif; dropped it too (its `font-size: 14px; //13px;` had an invalid SCSS
font-size : 14px; /* 13px; */ line comment that the minifier rejected, taking the whole rule with
line-height : 24px; it). Bootstrap's body defaults (Helvetica, line-height 1.428) apply
color : #969595; instead. Re-enabling the rule with our cleaner /* */ comments made
font-weight : 400; line-height 24px effective again on stage, which inflated paragraph
background: #fff; spacing on text-heavy pages compared to live. */
}
/* -------------------------------------- /* --------------------------------------
Global Typography Global Typography