Tweak/pendant post design (#5874)

pendant/patterns/post-navigation.php

@@ -0,0 +1,21 @@
+<?php
+/**
+ * Title: Post Navigation
+ * Slug: pendant/post-navigation
+ * Categories: pendant
+ */
+?>
+
+<!-- wp:columns -->
+<div class="wp-block-columns"><!-- wp:column -->
+<div class="wp-block-column"><!-- wp:post-navigation-link {"textAlign":"right","type":"previous","showTitle":true,"label":"<?php echo esc_html__( 'Previous Post', 'pendant' ); ?><br>"} /--></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"width":"33.33%"} -->
+<div class="wp-block-column" style="flex-basis:33.33%"></div>
+<!-- /wp:column -->
+
+<!-- wp:column -->
+<div class="wp-block-column"><!-- wp:post-navigation-link {"showTitle":true,"label":"<?php echo esc_html__( 'Next Post', 'pendant' ); ?><br>"} /--></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns -->

pendant/style.css

@@ -227,4 +227,13 @@ body > .is-root-container > .wp-block-template-part > .wp-block-cover,
 
 .wp-block-categories {
 	list-style-type: none;
+}
+
+.wp-block-post-navigation-link .post-navigation-link__label {
+	font-family: var(--wp--preset--font-family--body-font);
+	font-size: var(--wp--preset--font-size--x-small);
+	font-weight: 500;
+	letter-spacing: 0.1em;
+	text-transform: uppercase;
+	line-height: 3;
 }

pendant/templates/single.html

@@ -1,14 +1,15 @@
-<!-- wp:group {"style":{"spacing":{"blockGap":{"top":"0px","left":"0px"}}}} -->
-<div class="wp-block-group"><!-- wp:template-part {"slug":"header","tagName":"header"} /-->
+<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
 
-<!-- wp:group {"style":{"spacing":{"padding":{"bottom":"50px","top":"40px"},"blockGap":"40px"}},"className":"has-text-align-center","layout":{"inherit":true}} -->
-<div class="wp-block-group has-text-align-center" style="padding-top:40px;padding-bottom:50px"><!-- wp:post-terms {"term":"category","style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}}}} /-->
+<!-- wp:group {"style":{"spacing":{"padding":{"bottom":"20px","top":"55px"},"blockGap":"55px","margin":{"top":"0px"}}},"className":"has-text-align-center","layout":{"inherit":true}} -->
+<div class="wp-block-group has-text-align-center" style="margin-top:0px;padding-top:55px;padding-bottom:20px"><!-- wp:post-terms {"term":"category","style":{"spacing":{"padding":{"top":"15px","bottom":"15px"}},"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}},"typography":{"textTransform":"uppercase"}}} /-->
 
 <!-- wp:post-featured-image /-->
 
-<!-- wp:post-title {"style":{"spacing":{"margin":{"top":"30px"}}}} /-->
+<!-- wp:group {"style":{"spacing":{"blockGap":"20px","margin":{"top":"0px"}}}} -->
+<div class="wp-block-group" style="margin-top:0px"><!-- wp:post-title {"style":{"spacing":{"margin":{"top":"30px"}}}} /-->
 
 <!-- wp:post-date /--></div>
+<!-- /wp:group --></div>
 <!-- /wp:group -->
 
 <!-- wp:post-content {"layout":{"inherit":true}} /-->
@@ -21,5 +22,18 @@
 <!-- wp:post-comments /--></div>
 <!-- /wp:group -->
 
-<!-- wp:template-part {"slug":"footer","tagName":"footer","className":"site-footer-container"} /--></div>
-<!-- /wp:group -->
+<!-- wp:spacer {"height":"60px"} -->
+<div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
+
+<!-- wp:separator {"className":"is-style-wide"} -->
+<hr class="wp-block-separator has-alpha-channel-opacity is-style-wide"/>
+<!-- /wp:separator -->
+
+<!-- wp:pattern {"slug":"pendant/post-navigation"} /-->
+
+<!-- wp:spacer {"height":"60px"} -->
+<div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
+
+<!-- wp:template-part {"slug":"footer","tagName":"footer","className":"site-footer-container"} /-->

pendant/theme.json

@@ -228,7 +228,7 @@
 					"fontWeight": "500",
 					"letterSpacing": "0.1em",
 					"textTransform": "uppercase",
-					"lineHeight": 2.3 
+					"lineHeight": 2.3
 				},
 				"spacing": {
 					"padding": {
@@ -238,7 +238,7 @@
 			},
 			"core/heading": {
 				"typography": {
-					"lineHeight": 1.5
+					"lineHeight": 1.2
 				}
 			},
 			"core/navigation": {
@@ -247,6 +247,12 @@
 					"lineHeight": "1.5"
 				}
 			},
+			"core/post-navigation-link": {
+				"typography": {
+					"fontFamily": "var(--wp--preset--font-family--heading-font)",
+					"fontSize": "var(--wp--preset--font-size--large)"
+				}
+			},
 			"core/query-pagination": {
 				"elements": {
 					"link": {
@@ -290,6 +296,11 @@
 					"width": "1px"
 				}
 			},
+			"core/separator": {
+				"border": {
+					"width": "0 0 1px 0"
+				}
+			},
 			"core/site-title": {
 				"typography": {
 					"fontSize": "var(--wp--preset--font-size--medium)",