feat: initial single post layout (#26)

parts/author-bio.html

@@ -0,0 +1,17 @@
+<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|50"}},"layout":{"type":"default"}} -->
+<div class="wp-block-group"><!-- wp:separator {"style":{"color":{"background":"#dddddd"}},"className":"is-style-wide"} -->
+<hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-wide" style="background-color:#dddddd;color:#dddddd"/>
+<!-- /wp:separator -->
+
+<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical"}} -->
+<div class="wp-block-group"><!-- wp:post-author-name {"style":{"typography":{"fontSize":"1.38rem","fontStyle":"normal","fontWeight":"700"}}} /-->
+
+<!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"flex","orientation":"vertical"}} -->
+<div class="wp-block-group"><!-- wp:post-author-biography /--></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->
+
+<!-- wp:separator {"style":{"color":{"background":"#dddddd"}},"className":"is-style-wide"} -->
+<hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-wide" style="background-color:#dddddd;color:#dddddd"/>
+<!-- /wp:separator --></div>
+<!-- /wp:group -->

parts/comments.html

@@ -0,0 +1,35 @@
+<!-- wp:comments {"className":"wp-block-comments-query-loop"} -->
+<div class="wp-block-comments wp-block-comments-query-loop"><!-- wp:comments-title {"level":3} /-->
+
+<!-- wp:comment-template -->
+<!-- wp:group {"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|50"}}}} -->
+<div class="wp-block-group" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--50)"><!-- wp:group {"style":{"spacing":{"blockGap":"0.5em"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
+<div class="wp-block-group"><!-- wp:avatar {"size":40,"style":{"spacing":{"margin":{"top":"0.5em"}}}} /-->
+
+<!-- wp:group -->
+<div class="wp-block-group"><!-- wp:comment-author-name /-->
+
+<!-- wp:group {"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"},"blockGap":"0.5em"}},"layout":{"type":"flex"}} -->
+<div class="wp-block-group" style="margin-top:0px;margin-bottom:0px"><!-- wp:comment-date {"format":"F j, Y \\a\\t g:i a"} /-->
+
+<!-- wp:comment-edit-link /--></div>
+<!-- /wp:group --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->
+
+<!-- wp:comment-content /-->
+
+<!-- wp:comment-reply-link /--></div>
+<!-- /wp:group -->
+<!-- /wp:comment-template -->
+
+<!-- wp:comments-pagination -->
+<!-- wp:comments-pagination-previous /-->
+
+<!-- wp:comments-pagination-numbers /-->
+
+<!-- wp:comments-pagination-next /-->
+<!-- /wp:comments-pagination -->
+
+<!-- wp:post-comments-form /--></div>
+<!-- /wp:comments -->

parts/post-footer.html

@@ -0,0 +1,5 @@
+<!-- wp:group {"layout":{"type":"constrained"}} -->
+<div class="wp-block-group"><!-- wp:group {"layout":{"type":"flex"}} -->
+<div class="wp-block-group"><!-- wp:post-terms {"term":"post_tag","fontSize":"small"} /--></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->

parts/post-header.html

@@ -0,0 +1,13 @@
+<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical"}} -->
+<div class="wp-block-group"><!-- wp:post-terms {"term":"category","style":{"typography":{"fontStyle":"normal","fontWeight":"700","textTransform":"uppercase"}},"fontSize":"medium"} /-->
+
+<!-- wp:post-title {"level":1} /--></div>
+<!-- /wp:group -->
+
+<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20","margin":{"top":"var:preset|spacing|50"}}},"layout":{"type":"flex","orientation":"vertical"}} -->
+<div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--50)"><!-- wp:post-author {"showAvatar":false,"byline":"By","isLink":true,"fontSize":"small"} /-->
+
+<!-- wp:post-date {"format":"F j, Y, g:i a","isLink":false,"fontSize":"small"} /-->
+
+<!-- wp:post-comments-link /--></div>
+<!-- /wp:group -->

src/scss/_base.scss

@@ -11,3 +11,6 @@ html {
 	box-sizing: inherit;
 }
 
+.avatar {
+	border-radius: 100%;
+}

src/scss/blocks/_blocks.scss

@@ -1 +1,2 @@
 @import url( './_navigation.scss' );
+@import url( './_post-author-name.scss' );

src/scss/blocks/_post-author-name.scss

@@ -0,0 +1,12 @@
+.wp-block-post-author {
+	align-items: center;
+
+	&__content > * {
+		display: inline;
+	}
+
+	&__byline {
+		font-size: inherit;
+		margin-right: 0.25em;
+	}
+}

templates/single.html

@@ -1,27 +1,29 @@
-<!-- wp:template-part {"slug":"header","tagName":"header","theme":"newspack-block-theme"} /-->
+<!-- wp:template-part {"slug":"header","theme":"newspack-block-theme","tagName":"header"} /-->
 
 <!-- wp:group {"layout":{"type":"constrained"}} -->
-<div class="wp-block-group">
-    <!-- wp:post-title /-->
-</div>
+<div class="wp-block-group"><!-- wp:template-part {"slug":"post-header","theme":"newspack-block-theme","area":"uncategorized"} /--></div>
 <!-- /wp:group -->
 
-<!-- wp:group {"tagName":"main","lock":{"move":false,"remove":true}} -->
-<main class="wp-block-group">
-    <!-- wp:post-featured-image {"align":"full"} /-->
-    <!-- wp:post-content {"layout":{"type":"constrained"},"lock":{"move":false,"remove":true}} /-->
-    <!-- wp:template-part {"slug":"post-meta","theme":"newspack-block-theme"} /-->
-</main>
+<!-- wp:group {"tagName":"main","lock":{"move":false,"remove":true},"layout":{"type":"constrained"}} -->
+<main class="wp-block-group"><!-- wp:post-featured-image {"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|60"}}}} /-->
+
+<!-- wp:post-content {"lock":{"move":false,"remove":true},"layout":{"type":"constrained"}} /-->
+
+<!-- wp:template-part {"slug":"post-footer","theme":"newspack-block-theme"} /-->
+
+<!-- wp:spacer {"height":"var:preset|spacing|50"} -->
+<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
+
+<!-- wp:template-part {"slug":"author-bio","theme":"newspack-block-theme"} /-->
+
+<!-- wp:spacer {"height":"var:preset|spacing|50"} -->
+<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer --></main>
 <!-- /wp:group -->
 
 <!-- wp:group {"layout":{"type":"constrained"}} -->
-<div class="wp-block-group">
-    <!-- wp:spacer {"height":"4rem"} -->
-    <div style="height:4rem" aria-hidden="true" class="wp-block-spacer"></div>
-    <!-- /wp:spacer -->
-
-    <!-- wp:pattern {"slug":"newspack-block-theme/comments"} /-->
-</div>
+<div class="wp-block-group"><!-- wp:template-part {"slug":"comments","theme":"newspack-block-theme"} /--></div>
 <!-- /wp:group -->
 
-<!-- wp:template-part {"slug":"footer","tagName":"footer","theme":"newspack-block-theme"} /-->
+<!-- wp:template-part {"slug":"footer","theme":"newspack-block-theme","tagName":"footer"} /-->

theme.json

@@ -136,6 +136,12 @@
 					"name": "Extra Extra Large",
 					"size": "clamp(1.75rem, 1.038rem + 3.165vw, 3rem)",
 					"slug": "xx-large"
+				},
+				{
+					"fluid": false,
+					"name": "h1",
+					"size": "clamp(1rem, calc(0.861rem + 5.063vw), 4rem)",
+					"slug": "xxx-large"
 				}
 			]
 		},
@@ -171,12 +177,15 @@
 						"border": {
 							"width": "1.5px"
 						},
+						"color": {
+							"text": "var( --wp--preset--color--primary )"
+						},
 						"spacing": {
 							"padding": {
-								"bottom": "calc( 0.6em - 2px )",
-								"left": "calc( 1.8em - 2px )",
-								"right": "calc( 1.8em - 2px )",
-								"top": "calc( 0.6em - 2px )"
+								"bottom": "calc( 0.375rem - 1.5px )",
+								"left": "calc( 1.125rem - 1.5px )",
+								"right": "calc( 1.125rem - 1.5px )",
+								"top": "calc( 0.375rem - 1.5px )"
 							}
 						}
 					}
@@ -256,26 +265,63 @@
 					"lineHeight": 1.5
 				}
 			},
-			"core/post-author-name": {
+			"core/post-author": {
+				"color": {
+					"text": "var(--wp--custom--color--gray-700)"
+				},
 				"elements": {
 					"link": {
+						"color": {
+							"text": "var(--wp--custom--color--gray-700)"
+						},
 						":hover": {
 							"typography": {
 								"textDecoration": "underline"
 							}
+						}
+					}
+				},
+				"typography": {
+					"fontSize": "var(--wp--preset--font-size--small)"
+				}
+			},
+			"core/post-author-biography": {
+				"color": {
+					"text": "var(--wp--custom--color--gray-700)"
+				},
+				"typography": {
+					"fontSize": "var(--wp--preset--font-size--small)"
+				}
+			},
+			"core/post-comments-link": {
+				"color": {
+					"text": "var(--wp--custom--color--gray-700)"
+				},
+				"elements": {
+					"link": {
+						"color": {
+							"text": "var(--wp--custom--color--gray-700)"
 						},
-						"typography": {
-							"textDecoration": "none"
+						":hover": {
+							"typography": {
+								"textDecoration": "underline"
+							}
 						}
 					}
+				},
+				"typography": {
+					"fontSize": "var(--wp--preset--font-size--small)"
 				}
 			},
 			"core/post-date": {
 				"color": {
-					"text": "var(--wp--preset--color--contrast)"
+					"text": "var(--wp--custom--color--gray-700)"
 				},
 				"elements": {
 					"link": {
+						"color": {
+							"text": "var(--wp--custom--color--gray-700)"
+						},
 						":hover": {
 							"typography": {
 								"textDecoration": "underline"
@@ -293,6 +339,9 @@
 			"core/post-terms": {
 				"elements": {
 					"link": {
+						"color": {
+							"text": "var(--wp--preset--color--contrast)"
+						},
 						"typography": {
 							"textDecoration": "none"
 						},
@@ -302,6 +351,13 @@
 							}
 						}
 					}
+				},
+				"variations": {
+					"category": {
+						"typography": {
+							"fontWeight": "bold"
+						}
+					}
 				}
 			},
 			"core/post-title": {