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:
@@ -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
|
||||||
|
|||||||
Reference in New Issue
Block a user