html,scss - fix inconsistent spacing between paragraphs and first-section headings

cscheid · cscheid · commit 71551a6b7e4f · 2025-05-13T14:44:16.000-04:00
diff --git a/news/changelog-1.8.md b/news/changelog-1.8.md
@@ -10,6 +10,7 @@ All changes included in 1.8:
 
 ### `html`
 
+- ([#10983](https://github.com/quarto-dev/quarto-cli/issues/10983)): Fix spacing inconsistency between paras and first section headings.
 - ([#12259](https://github.com/quarto-dev/quarto-cli/issues/12259)): Fix conflict between `html-math-method: katex` and crossref popups (author: @benkeks).
 
 ### `revealjs`
diff --git a/src/resources/formats/html/bootstrap/_bootstrap-rules.scss b/src/resources/formats/html/bootstrap/_bootstrap-rules.scss
@@ -631,7 +631,11 @@ h1.title {
   margin-top: 0;
 }
 
-main.content > section:first-of-type > h2:first-child {
+main.content > p:has(+ section) {
+  margin-bottom: 2rem;
+}
+
+main.content > section:first-of-type > h2:nth-child(1) {
   margin-top: 0;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -631,7 +631,11 @@ h1.title {`
`631`	`631`	`margin-top: 0;`
`632`	`632`	`}`
`633`	`633`
`634`		`-main.content > section:first-of-type > h2:first-child {`
	`634`	`+main.content > p:has(+ section) {`
	`635`	`+ margin-bottom: 2rem;`
	`636`	`+}`
	`637`	`+`
	`638`	`+main.content > section:first-of-type > h2:nth-child(1) {`
`635`	`639`	`margin-top: 0;`
`636`	`640`	`}`
`637`	`641`