WDSBT-23 - Fix font error, and style post meta

WebDevStudios · Jul 15, 2024 · 481f182 · 481f182
1 parent 245032d
commit 481f182
Show file tree

Hide file tree

Showing 2 changed files with 47 additions and 9 deletions.
diff --git a/patterns/post-hero.php b/patterns/post-hero.php
@@ -12,15 +12,25 @@
 ?>
 
 <!-- wp:group {"metadata":{"name":"Hero"},"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|70","bottom":"var:preset|spacing|70"}}},"backgroundColor":"primary-50","layout":{"type":"constrained"}} -->
-<div class="wp-block-group alignfull has-primary-50-background-color has-background" style="padding-top:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--70)"><!-- wp:columns {"verticalAlignment":null,"align":"wide"} -->
-<div class="wp-block-columns alignwide"><!-- wp:column {"verticalAlignment":"top","layout":{"type":"constrained"}} -->
-<div class="wp-block-column is-vertically-aligned-top"><!-- wp:post-terms {"term":"category","prefix":"\u003cbr\u003e"} /-->
+<div class="wp-block-group alignfull has-primary-50-background-color has-background" style="padding-top:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--70)">
 
-<!-- wp:post-title /--></div>
-<!-- /wp:column -->
+	<!-- wp:columns {"verticalAlignment":null,"align":"wide"} -->
+	<div class="wp-block-columns alignwide">
 
-<!-- wp:column {"verticalAlignment":"center","layout":{"type":"constrained"}} -->
-<div class="wp-block-column is-vertically-aligned-center"><!-- wp:post-featured-image {"aspectRatio":"16/9","style":{"border":{"radius":"24px"}}} /--></div>
-<!-- /wp:column --></div>
-<!-- /wp:columns --></div>
+		<!-- wp:column {"verticalAlignment":"top","layout":{"type":"constrained"}} -->
+		<div class="wp-block-column is-vertically-aligned-top">
+			<!-- wp:post-terms {"term":"category","prefix":""} /-->
+			<!-- wp:post-title /-->
+		</div>
+		<!-- /wp:column -->
+
+		<!-- wp:column {"verticalAlignment":"center","layout":{"type":"constrained"}} -->
+		<div class="wp-block-column is-vertically-aligned-center">
+			<!-- wp:post-featured-image {"aspectRatio":"16/9","style":{"border":{"radius":"24px"}}} /-->
+		</div>
+		<!-- /wp:column -->
+	</div>
+	<!-- /wp:columns -->
+
+</div>
 <!-- /wp:group -->
diff --git a/theme.json b/theme.json
@@ -605,6 +605,34 @@
 					"fontSize": "var(--wp--preset--font-size--xxxl)"
 				}
 			},
+			"core/post-terms": {
+				"typography": {
+					"fontFamily": "var(--wp--preset--font-family--headline)",
+					"fontSize": "0.75rem",
+					"fontWeight": "400",
+					"textTransform": "uppercase"
+				},
+				"spacing": {
+					"padding": {
+						"top": "0.75rem",
+						"right": "0.75rem",
+						"bottom": "0.75rem",
+						"left": "0"
+					}
+				},
+				"elements": {
+					"link": {
+						"spacing": {
+							"padding": {
+								"left": "0"
+							}
+						},
+						"typography": {
+							"fontWeight": "400"
+						}
+					}
+				}
+			},
 			"core/preformatted": {
 				"color": {
 					"background": "var(--wp--preset--color--primary-50)",