Element styles: Add margin to h2 & h3 (#83)

WordPress · Apr 12, 2023 · f1ffbca · f1ffbca
1 parent 048547d
commit f1ffbca
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 18 deletions.
diff --git a/source/wp-content/themes/wporg-parent-2021/sass/base/_elements.scss b/source/wp-content/themes/wporg-parent-2021/sass/base/_elements.scss
@@ -125,6 +125,16 @@ input[type="checkbox"] + label {
 	line-height: 1em; // stylelint-disable-line declaration-property-unit-allowed-list
 }
 
+// Headings.
+// Add margin to default h2 & h3 (no font size changes).
+.wp-site-blocks h2:not([class*="-font-size"], [style*="font-size"]) {
+	margin-top: var(--wp--preset--spacing--40);
+}
+
+.wp-site-blocks h3:not([class*="-font-size"], [style*="font-size"]) {
+	margin-top: var(--wp--preset--spacing--30);
+}
+
 // Line heights for custom sizes.
 .has-extra-small-font-size {
 	line-height: var(--wp--custom--body--extra-small--typography--line-height);

diff --git a/source/wp-content/themes/wporg-parent-2021/theme.json b/source/wp-content/themes/wporg-parent-2021/theme.json
@@ -642,24 +642,6 @@
 					"fontSize": "var(--wp--preset--font-size--normal)"
 				}
 			},
-			"core/post-content": {
-				"elements": {
-					"h2": {
-						"spacing": {
-							"margin": {
-								"top": "var(--wp--preset--spacing--40)"
-							}
-						}
-					},
-					"h3": {
-						"spacing": {
-							"margin": {
-								"top": "var(--wp--preset--spacing--30)"
-							}
-						}
-					}
-				}
-			},
 			"core/post-date": {
 				"typography": {
 					"fontSize": "var(--wp--preset--font-size--small)"