Merge pull request #414 from marp-team/scaffold-theme-h1-styling

yhatt · web-flow · commit b3f5f9d29b14 · 2025-05-14T00:35:45.000+09:00
Scaffold theme: Don't overload UA's inline margin for `&lt;h1&gt;` element
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -11,6 +11,10 @@
 
 - Upgrade Node.js LTS and dependent packages to the latest version ([#413](https://github.com/marp-team/marpit/pull/413))
 
+### Fixed
+
+- Scaffold theme: Don't overload UA's inline margin for `<h1>` element ([#414](https://github.com/marp-team/marpit/pull/414))
+
 ## v3.1.2 - 2024-12-23
 
 ### Changed
diff --git a/src/theme/scaffold.js b/src/theme/scaffold.js
@@ -33,7 +33,7 @@ section:not([data-marpit-pagination])::after {
 /* Normalization */
 h1 {
   font-size: 2em;
-  margin: 0.67em 0;
+  margin-block: 0.67em;
 }
 
 video::-webkit-media-controls {

Original file line number	Diff line number	Diff line change
`@@ -33,7 +33,7 @@ section:not([data-marpit-pagination])::after {`
`33`	`33`	`/* Normalization */`
`34`	`34`	`h1 {`
`35`	`35`	`font-size: 2em;`
`36`		`- margin: 0.67em 0;`
	`36`	`+ margin-block: 0.67em;`
`37`	`37`	`}`
`38`	`38`
`39`	`39`	`video::-webkit-media-controls {`