Merge pull request #4438 from Automattic/skatepark-single+post-templates

Skatepark: single+post templates

blockbase/assets/ponyfill.css

@@ -137,7 +137,7 @@ body.admin-bar .wp-site-blocks {
 	background-color: var(--wp--custom--color--selection);
 }
 
-p, h1, h2, h3, h4, h5, h6 {
+p {
 	margin-top: var(--wp--custom--margin--vertical);
 	margin-bottom: var(--wp--custom--margin--vertical);
 }
@@ -813,22 +813,26 @@ p.has-background {
 
 .post-meta .wp-block-post-author,
 .post-meta .wp-block-post-date,
-.post-meta .wp-block-post-tags,
-.post-meta .wp-block-post-hierarchical-terms {
+.post-meta .taxonomy-post_tag,
+.post-meta .taxonomy-category {
 	display: flex;
 	margin-right: calc(2 * var(--wp--custom--margin--baseline));
 }
 
 .post-meta .wp-block-post-author:before,
 .post-meta .wp-block-post-date:before,
-.post-meta .wp-block-post-tags:before,
-.post-meta .wp-block-post-hierarchical-terms:before {
+.post-meta .taxonomy-post_tag:before,
+.post-meta .taxonomy-category:before {
 	align-self: center;
 	content: '';
 	display: inline-block;
 	margin-right: calc(0.5 * var(--wp--custom--margin--baseline));
 	height: 16px;
 	width: 16px;
+	mask-size: contain;
+	-webkit-mask-size: contain;
+	mask-repeat: no-repeat;
+	-webkit-mask-repeat: no-repeat;
 	background-color: currentColor;
 }
 
@@ -842,12 +846,12 @@ p.has-background {
 	mask-image: url(svg/post-date.svg);
 }
 
-.post-meta .wp-block-post-hierarchical-terms:before {
+.post-meta .taxonomy-category:before {
 	-webkit-mask-image: url(svg/post-category.svg);
 	mask-image: url(svg/post-category.svg);
 }
 
-.post-meta .wp-block-post-tags:before {
+.post-meta .taxonomy-post_tag:before {
 	-webkit-mask-image: url(svg/post-tag.svg);
 	mask-image: url(svg/post-tag.svg);
 }

blockbase/sass/base/_mixins.scss

@@ -12,3 +12,21 @@
 	width: 1px;
 	word-wrap: normal !important;
 }
+
+@mixin post-meta-icon {
+	display: flex;
+	margin-right: calc(2 * var(--wp--custom--margin--baseline) );
+	&:before {
+		align-self: center;
+		content: '';
+		display: inline-block;
+		margin-right: calc(0.5 * var(--wp--custom--margin--baseline) );
+		height: 16px;
+		width: 16px;
+		mask-size: contain;
+		-webkit-mask-size: contain;
+		mask-repeat: no-repeat;
+		-webkit-mask-repeat: no-repeat;
+		background-color: currentColor;
+	}
+}

blockbase/sass/base/_text.scss

@@ -7,7 +7,7 @@
 	background-color: var(--wp--custom--color--selection);
 }
 
-p, h1, h2, h3, h4, h5, h6 {
+p {
 	margin-top: var(--wp--custom--margin--vertical);
 	margin-bottom: var(--wp--custom--margin--vertical);
 }

blockbase/sass/post/_meta.scss

@@ -4,23 +4,9 @@
 
 	.wp-block-post-author,
 	.wp-block-post-date,
-	.wp-block-post-tags,
-	.wp-block-post-hierarchical-terms {
-		display: flex;
-		margin-right: calc(2 * var(--wp--custom--margin--baseline) );
-	}
-
-	.wp-block-post-author:before,
-	.wp-block-post-date:before,
-	.wp-block-post-tags:before,
-	.wp-block-post-hierarchical-terms:before {
-		align-self: center;
-		content: '';
-		display: inline-block;
-		margin-right: calc(0.5 * var(--wp--custom--margin--baseline) );
-		height: 16px;
-		width: 16px;
-		background-color: currentColor;
+	.taxonomy-post_tag,
+	.taxonomy-category {
+		@include post-meta-icon;
 	}
 
 	.wp-block-post-author:before {
@@ -33,12 +19,12 @@
 		mask-image: url(svg/post-date.svg);
 	}
 
-	.wp-block-post-hierarchical-terms:before  {
+	.taxonomy-category:before  {
 		-webkit-mask-image: url(svg/post-category.svg);
 		mask-image: url(svg/post-category.svg);
 	}
 
-	.wp-block-post-tags:before {
+	.taxonomy-post_tag:before {
 		-webkit-mask-image: url(svg/post-tag.svg);
 		mask-image: url(svg/post-tag.svg);
 	}

blockbase/theme.json

@@ -479,6 +479,12 @@
 					"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
 					"lineHeight": "var(--wp--custom--heading--typography--line-height)",
 					"fontSize": "48px"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"h2": {
@@ -487,6 +493,12 @@
 					"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
 					"lineHeight": "var(--wp--custom--heading--typography--line-height)",
 					"fontSize": "32px"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"h3": {
@@ -495,6 +507,12 @@
 					"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
 					"lineHeight": "var(--wp--custom--heading--typography--line-height)",
 					"fontSize": "var(--wp--preset--font-size--huge)"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"h4": {
@@ -503,6 +521,12 @@
 					"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
 					"lineHeight": "var(--wp--custom--heading--typography--line-height)",
 					"fontSize": "var(--wp--preset--font-size--large)"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"h5": {
@@ -511,6 +535,12 @@
 					"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
 					"lineHeight": "var(--wp--custom--heading--typography--line-height)",
 					"fontSize": "var(--wp--preset--font-size--normal)"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"h6": {
@@ -519,6 +549,12 @@
 					"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
 					"lineHeight": "var(--wp--custom--heading--typography--line-height)",
 					"fontSize": "var(--wp--preset--font-size--small)"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"link": {

mayland-blocks/assets/theme.css

@@ -60,12 +60,12 @@ img {
 	mask-image: url(svg/post-date.svg);
 }
 
-.post-meta .wp-block-post-hierarchical-terms:before {
+.post-meta .taxonomy-category:before {
 	-webkit-mask-image: url(svg/post-category.svg);
 	mask-image: url(svg/post-category.svg);
 }
 
-.post-meta .wp-block-post-tags:before {
+.post-meta .taxonomy-post_tag:before {
 	-webkit-mask-image: url(svg/post-tag.svg);
 	mask-image: url(svg/post-tag.svg);
 }

mayland-blocks/sass/theme.scss

@@ -63,12 +63,12 @@ img {
 	mask-image: url(svg/post-date.svg);
 }
 
-.post-meta .wp-block-post-hierarchical-terms:before {
+.post-meta .taxonomy-category:before {
 	-webkit-mask-image: url(svg/post-category.svg);
 	mask-image: url(svg/post-category.svg);
 }
 
-.post-meta .wp-block-post-tags:before {
+.post-meta .taxonomy-post_tag:before {
 	-webkit-mask-image: url(svg/post-tag.svg);
 	mask-image: url(svg/post-tag.svg);
 }

mayland-blocks/theme.json

@@ -508,6 +508,12 @@
 					"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
 					"lineHeight": "var(--wp--custom--heading--typography--line-height)",
 					"fontSize": "41.47px"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"h2": {
@@ -516,6 +522,12 @@
 					"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
 					"lineHeight": "var(--wp--custom--heading--typography--line-height)",
 					"fontSize": "var(--wp--preset--font-size--huge)"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"h3": {
@@ -524,6 +536,12 @@
 					"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
 					"lineHeight": "var(--wp--custom--heading--typography--line-height)",
 					"fontSize": "var(--wp--preset--font-size--large)"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"h4": {
@@ -532,6 +550,12 @@
 					"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
 					"lineHeight": "var(--wp--custom--heading--typography--line-height)",
 					"fontSize": "24px"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"h5": {
@@ -540,6 +564,12 @@
 					"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
 					"lineHeight": "var(--wp--custom--heading--typography--line-height)",
 					"fontSize": "var(--wp--preset--font-size--normal)"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"h6": {
@@ -548,6 +578,12 @@
 					"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
 					"lineHeight": "var(--wp--custom--heading--typography--line-height)",
 					"fontSize": "var(--wp--preset--font-size--small)"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"link": {

quadrat/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "quadrat",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

quadrat/theme.json

@@ -584,6 +584,12 @@
 					"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
 					"lineHeight": 1.2,
 					"fontSize": "min(max(48px, 7vw), 80px)"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"h2": {
@@ -592,6 +598,12 @@
 					"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
 					"lineHeight": 1.2,
 					"fontSize": "min(max(36px, 6vw), 65px)"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"h3": {
@@ -600,6 +612,12 @@
 					"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
 					"lineHeight": 1.2,
 					"fontSize": "min(max(28px, 5vw), 38px)"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"h4": {
@@ -608,6 +626,12 @@
 					"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
 					"lineHeight": 1.4,
 					"fontSize": "20px"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"h5": {
@@ -616,6 +640,12 @@
 					"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
 					"lineHeight": 1.4,
 					"fontSize": "18px"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"h6": {
@@ -624,6 +654,12 @@
 					"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
 					"lineHeight": 1.4,
 					"fontSize": "16px"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"link": {

seedlet-blocks/theme.json

@@ -542,6 +542,12 @@
 					"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
 					"lineHeight": "var(--wp--custom--heading--typography--line-height)",
 					"fontSize": "48px"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"h2": {
@@ -550,6 +556,12 @@
 					"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
 					"lineHeight": "var(--wp--custom--heading--typography--line-height)",
 					"fontSize": "32px"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"h3": {
@@ -558,6 +570,12 @@
 					"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
 					"lineHeight": "var(--wp--custom--heading--typography--line-height)",
 					"fontSize": "var(--wp--preset--font-size--huge)"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"h4": {
@@ -566,6 +584,12 @@
 					"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
 					"lineHeight": "var(--wp--custom--heading--typography--line-height)",
 					"fontSize": "var(--wp--preset--font-size--large)"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"h5": {
@@ -574,6 +598,12 @@
 					"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
 					"lineHeight": "var(--wp--custom--heading--typography--line-height)",
 					"fontSize": "var(--wp--preset--font-size--normal)"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"h6": {
@@ -582,6 +612,12 @@
 					"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
 					"lineHeight": "var(--wp--custom--heading--typography--line-height)",
 					"fontSize": "var(--wp--preset--font-size--small)"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"link": {

skatepark/assets/svg/post-category.svg

@@ -0,0 +1,3 @@
+<svg width="18" height="16" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.19795 3.75L8.21115 1.77639C8.12645 1.607 7.95332 1.5 7.76393 1.5H2C1.72386 1.5 1.5 1.72386 1.5 2V13.75C1.5 14.0261 1.72386 14.25 2 14.25H16C16.2761 14.25 16.5 14.0261 16.5 13.75V4.25C16.5 3.97386 16.2761 3.75 16 3.75H9.19795ZM10.125 2.25L9.55279 1.10557C9.214 0.428005 8.52148 0 7.76393 0H2C0.895431 0 0 0.895431 0 2V13.75C0 14.8546 0.89543 15.75 2 15.75H16C17.1046 15.75 18 14.8546 18 13.75V4.25C18 3.14543 17.1046 2.25 16 2.25H10.125Z" fill="black"/>
+</svg>

skatepark/assets/svg/post-date.svg

@@ -0,0 +1,3 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 4H1.5V16C1.5 16.2761 1.72386 16.5 2 16.5H16C16.2761 16.5 16.5 16.2761 16.5 16V4ZM0 4V2C0 0.895431 0.895431 0 2 0H16C17.1046 0 18 0.895431 18 2V4V16C18 17.1046 17.1046 18 16 18H2C0.895431 18 0 17.1046 0 16V4ZM4 7H6V9H4V7ZM6 11H4V13H6V11ZM8 7H10V9H8V7ZM14 7H12V9H14V7ZM8 11H10V13H8V11ZM14 11H12V13H14V11Z" fill="black"/>
+</svg>

skatepark/assets/svg/post-tag.svg

@@ -0,0 +1,3 @@
+<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1 0.25C0.585786 0.25 0.25 0.585786 0.25 1V8.82613C0.25 9.02516 0.329111 9.21602 0.469909 9.3567L7.19079 16.0715C7.40564 16.2865 7.66073 16.4571 7.94149 16.5735C8.22252 16.69 8.52376 16.75 8.82799 16.75C9.13222 16.75 9.43346 16.69 9.71449 16.5735C9.99539 16.457 10.2509 16.286 10.4658 16.0709L16.0754 10.4599L15.545 9.92961L16.0769 10.4583C16.5081 10.0245 16.75 9.43771 16.75 8.82613C16.75 8.21454 16.5081 7.62776 16.0769 7.19396L9.35448 0.469739C9.21382 0.329045 9.02303 0.25 8.82408 0.25H1ZM15.25 8.82613C15.25 9.04127 15.165 9.24764 15.0136 9.40031L9.4044 15.011C9.32872 15.0868 9.23886 15.1469 9.13995 15.1879C9.04105 15.2289 8.93505 15.25 8.82799 15.25C8.72094 15.25 8.61493 15.2289 8.51603 15.1879C8.41713 15.1469 8.32666 15.0862 8.25097 15.0104L1.75 8.51527V1.75H8.51336L15.0137 8.252C15.165 8.40466 15.25 8.61101 15.25 8.82613ZM5 6C5.55228 6 6 5.55228 6 5C6 4.44772 5.55228 4 5 4C4.44772 4 4 4.44772 4 5C4 5.55228 4.44772 6 5 6Z" fill="black"/>
+</svg>

skatepark/assets/theme.css

@@ -42,6 +42,27 @@
 	color: var(--wp--preset--color--background);
 }
 
+.wp-block-post-author__content {
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+}
+
+.wp-block-post-author__name {
+	font-weight: 700;
+	line-height: 1;
+	margin-bottom: 0.5em;
+}
+
+.wp-block-post-author__bio {
+	margin: 0;
+	font-size: var(--wp--preset--font-size--small);
+}
+
+.wp-block-post-author__avatar img {
+	border-radius: 50%;
+}
+
 .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus,
 .wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color):hover,
 .wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color):focus,
@@ -193,7 +214,7 @@
 }
 
 .wp-block-post-comments .commentlist {
-	margin-bottom: calc( 4 * var(--wp--custom--margin--baseline));
+	margin-bottom: calc( 8 * var(--wp--custom--margin--baseline));
 }
 
 .wp-block-post-comments .comment-body > p > a,
@@ -428,14 +449,16 @@ a {
 
 .wp-block-post-comments .comment-meta > a,
 .wp-block-post-comments .comment-body > p > a,
-.wp-block-post-comments .comment-edit-link {
+.wp-block-post-comments .comment-edit-link,
+.post-meta a {
 	-webkit-text-decoration-line: underline;
 	        text-decoration-line: underline;
 }
 
 .wp-block-post-comments .comment-meta > a:hover,
 .wp-block-post-comments .comment-body > p > a:hover,
-.wp-block-post-comments .comment-edit-link:hover {
+.wp-block-post-comments .comment-edit-link:hover,
+.post-meta a:hover {
 	-webkit-text-decoration-line: none;
 	        text-decoration-line: none;
 }
@@ -453,16 +476,14 @@ h6 a,
 
 .wp-block-site-title a,
 .wp-block-post-title a,
-.wp-block-query-pagination a,
-.post-meta a {
+.wp-block-query-pagination a {
 	-webkit-text-decoration-line: none;
 	        text-decoration-line: none;
 }
 
 .wp-block-site-title a:hover,
 .wp-block-post-title a:hover,
-.wp-block-query-pagination a:hover,
-.post-meta a:hover {
+.wp-block-query-pagination a:hover {
 	-webkit-text-decoration-line: underline;
 	        text-decoration-line: underline;
 }
@@ -475,6 +496,38 @@ a:not(.ab-item):not(.screen-reader-shortcut):focus {
 	text-decoration: none;
 }
 
+.post-meta {
+	flex-direction: column;
+}
+
+.post-meta .wp-block-post-date,
+.post-meta .taxonomy-category,
+.post-meta .taxonomy-post_tag {
+	margin-bottom: 0.5em;
+}
+
+.post-meta .wp-block-post-date:before,
+.post-meta .taxonomy-category:before,
+.post-meta .taxonomy-post_tag:before {
+	height: 18px;
+	width: 18px;
+}
+
+.post-meta .wp-block-post-date:before {
+	-webkit-mask-image: url(svg/post-date.svg);
+	mask-image: url(svg/post-date.svg);
+}
+
+.post-meta .taxonomy-category:before {
+	-webkit-mask-image: url(svg/post-category.svg);
+	mask-image: url(svg/post-category.svg);
+}
+
+.post-meta .taxonomy-post_tag:before {
+	-webkit-mask-image: url(svg/post-tag.svg);
+	mask-image: url(svg/post-tag.svg);
+}
+
 header.wp-block-template-part > .wp-block-group {
 	align-items: flex-end;
 	justify-content: space-between;

skatepark/block-templates/page.html

@@ -0,0 +1,20 @@
+<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
+
+<!-- wp:group {"layout":{"inherit":true},"style":{"spacing":{"padding":{"top":"2.5em"}}}} -->
+<div class="wp-block-group" style="padding-top:2.5em"><!-- wp:post-title {"level":1,"align":"wide"} /--></div>
+<!-- /wp:group -->
+
+<!-- wp:group {"tagName":"main","style":{"spacing":{"padding":{"bottom":"5em"}}}} -->
+<main class="wp-block-group" style="padding-bottom:5em">
+
+<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"bottom":"5em"}}}} -->
+<div class="wp-block-group" style="padding-bottom:5em">
+<!-- wp:post-featured-image {"align":"full","style":{"color":{"duotone":["#000","#B9FB9C"]}}} /--></div>
+<!-- /wp:group -->
+
+<!-- wp:post-content {"layout":{"inherit":true}} /-->
+
+</main>
+<!-- /wp:group -->
+
+<!-- wp:template-part {"slug":"footer","tagName":"footer","layout":{"inherit":true},"className":"site-footer-container"} /-->

skatepark/block-templates/single.html

@@ -0,0 +1,79 @@
+<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
+
+<!-- wp:group {"layout":{"inherit":true},"style":{"spacing":{"padding":{"top":"2.5em"}}}} -->
+<div class="wp-block-group" style="padding-top:2.5em"><!-- wp:post-title {"level":1,"align":"wide"} /--></div>
+<!-- /wp:group -->
+
+<!-- wp:group {"tagName":"main"} -->
+<main class="wp-block-group">
+
+<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"bottom":"5em"}}}} -->
+<div class="wp-block-group" style="padding-bottom:5em">
+<!-- wp:post-featured-image {"align":"full","style":{"color":{"duotone":["#000","#B9FB9C"]}}} /--></div>
+<!-- /wp:group -->
+
+<!-- wp:post-content {"layout":{"inherit":true}} /-->
+
+<!-- wp:group {"style":{"spacing":{"padding":{"top":"5em","bottom":"5em"}}},"layout":{"inherit":true}} -->
+<div class="wp-block-group" style="padding-top:5em;padding-bottom:5em">
+<!-- wp:columns {"align":"wide"} -->
+<div class="wp-block-columns alignwide"><!-- wp:column {"width":"58%"} -->
+	<div class="wp-block-column" style="flex-basis:58%"><!-- wp:separator {"className":"is-style-wide"} -->
+	<hr class="wp-block-separator is-style-wide"/>
+	<!-- /wp:separator -->
+	<!-- wp:post-author {"showBio":true} /-->
+	</div>
+	<!-- /wp:column -->
+	
+	<!-- wp:column -->
+	<div class="wp-block-column"><!-- wp:separator {"className":"is-style-wide"} -->
+	<hr class="wp-block-separator is-style-wide"/>
+	<!-- /wp:separator -->
+	<!-- wp:group {"className":"post-meta"} -->
+	<div class="wp-block-group post-meta">
+	<!-- wp:post-date {"fontSize":"tiny"} /-->
+	<!-- wp:post-terms {"term":"category","fontSize":"tiny"} /-->
+	<!-- wp:post-terms {"term": "post_tag", "fontSize":"tiny"} /--></div>
+	<!-- /wp:group -->
+		
+	</div>
+	<!-- /wp:column --></div>
+<!-- /wp:columns --></div>
+<!-- /wp:group -->
+
+</main>
+<!-- /wp:group -->
+
+<!-- wp:group {"layout":{"inherit":true}} -->
+<div class="wp-block-group"><!-- wp:post-comments /--></div>
+<!-- /wp:group -->
+
+<!-- wp:group {"style":{"spacing":{"padding":{"top":"3em","bottom":"3em"}}},"layout":{"inherit":true}} -->
+<div class="wp-block-group" style="padding-top:3em;padding-bottom:3em">
+	
+	<!-- wp:separator {"align":"wide","className":"is-style-wide"} -->
+	<hr class="wp-block-separator alignwide is-style-wide"/>
+	<!-- /wp:separator -->
+
+	<!-- wp:columns {"align":"wide","className":"next-prev-links"} -->
+	<div class="wp-block-columns alignwide next-prev-links">
+		<!-- wp:column {"style":{"spacing":{"padding":{"top":"1em","bottom":"1em"}}}} -->
+		<div class="wp-block-column" style="padding-top:1em;padding-bottom:1em">
+			<!-- wp:post-navigation-link {"type":"previous","showTitle":true} /-->
+		</div>
+		<!-- /wp:column -->
+		<!-- wp:column {"style":{"spacing":{"padding":{"top":"1em","bottom":"1em"}}}} -->
+		<div class="wp-block-column" style="padding-top:1em;padding-bottom:1em">
+			<!-- wp:post-navigation-link {"textAlign":"right","showTitle":true} /-->
+		</div>
+		<!-- /wp:column -->
+	</div>
+	<!-- /wp:columns -->
+
+	<!-- wp:separator {"align":"wide","className":"is-style-wide"} -->
+	<hr class="wp-block-separator alignwide is-style-wide"/>
+	<!-- /wp:separator -->
+</div>
+<!-- /wp:group -->
+
+<!-- wp:template-part {"slug":"footer","tagName":"footer","layout":{"inherit":true},"className":"site-footer-container"} /-->

skatepark/block-templates/singular.html

@@ -1,21 +0,0 @@
-<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
-
-<!-- wp:group {"layout":{"inherit":true}} -->
-<div class="wp-block-group">
-<!-- wp:post-title /-->
-</div>
-<!-- /wp:group -->
-
-<!-- wp:group {"tagName":"main"} -->
-<main class="wp-block-group">
-<!-- wp:post-featured-image {"align":"full"} /-->
-
-<!-- wp:post-content {"layout":{"inherit":true}} /-->
-</main>
-<!-- /wp:group -->
-
-<!-- wp:group {"layout":{"inherit":true}} -->
-<div class="wp-block-group"><!-- wp:post-comments /--></div>
-<!-- /wp:group -->
-
-<!-- wp:template-part {"slug":"footer","tagName":"footer","layout":{"inherit":true},"className":"site-footer-container"} /-->

skatepark/child-theme.json

@@ -270,9 +270,27 @@
 					"textTransform": "uppercase"
 				}
 			},
+			"core/post-date": {
+				"typography": {
+					"fontWeight": "500"
+				}
+			},
+			"core/post-terms": {
+				"typography": {
+					"fontWeight": "500"
+				}
+			},
 			"core/post-title": {
 				"typography": {
-					"fontFamily": "var(--wp--preset--font-family--red-hat-display)"
+					"fontFamily": "var(--wp--preset--font-family--red-hat-display)",
+					"fontSize": "min(max(48px, 7vw), 72px)",
+					"fontWeight": "700",
+					"lineHeight": 1.2
+				}
+			},
+			"core/post-navigation-link": {
+				"typography": {
+					"fontWeight": "500"
 				}
 			},
 			"core/separator": {
@@ -301,6 +319,12 @@
 					"fontSize": "min(max(48px, 7vw), 72px)",
 					"fontWeight": "700",
 					"lineHeight": 1.2
+				},
+				"spacing": {
+					"margin": {
+						"top": "calc( 1.1 * var(--wp--custom--margin--vertical) )",
+						"bottom": "calc( 1.1 * var(--wp--custom--margin--vertical) )"
+					}
 				}
 			},
 			"h2": {

skatepark/sass/blocks/_author.scss

@@ -0,0 +1,22 @@
+.wp-block-post-author__content {
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+}
+
+.wp-block-post-author__name {
+	font-weight: 700;
+	line-height: 1;
+	margin-bottom: 0.5em;
+}
+
+.wp-block-post-author__bio {
+	margin: 0;
+	font-size: var(--wp--preset--font-size--small);
+}
+
+.wp-block-post-author__avatar {
+	img {
+		border-radius: 50%;
+	}
+}

skatepark/sass/blocks/_post-comments.scss

@@ -92,7 +92,7 @@
 	}
 
 	.commentlist {
-		margin-bottom: calc( 4 * var(--wp--custom--margin--baseline) );
+		margin-bottom: calc( 8 * var(--wp--custom--margin--baseline) );
 	}
 
 	// Target certain links within post comments to use the underline treatment.

skatepark/sass/elements/_links.scss

@@ -13,7 +13,8 @@ a {
 
 .wp-block-post-comments .comment-meta > a,
 .wp-block-post-comments .comment-body > p > a,
-.wp-block-post-comments .comment-edit-link {
+.wp-block-post-comments .comment-edit-link,
+.post-meta a {
 	text-decoration-line: underline;
 	&:hover {
 		text-decoration-line: none;
@@ -33,8 +34,7 @@ h6 a,
 }
 .wp-block-site-title a,
 .wp-block-post-title a,
-.wp-block-query-pagination a,
-.post-meta a {
+.wp-block-query-pagination a {
 	text-decoration-line: none;
 	&:hover {
 		text-decoration-line: underline;

skatepark/sass/elements/_post-meta.scss

@@ -0,0 +1,28 @@
+.post-meta {
+	flex-direction: column;
+
+	.wp-block-post-date,
+	.taxonomy-category,
+	.taxonomy-post_tag {
+		margin-bottom: 0.5em;
+		&:before {
+			height: 18px;
+			width: 18px;
+		}
+	}
+
+	.wp-block-post-date:before {
+		-webkit-mask-image: url(svg/post-date.svg);
+		mask-image: url(svg/post-date.svg);
+	}
+
+	.taxonomy-category:before  {
+		-webkit-mask-image: url(svg/post-category.svg);
+		mask-image: url(svg/post-category.svg);
+	}
+
+	.taxonomy-post_tag:before {
+		-webkit-mask-image: url(svg/post-tag.svg);
+		mask-image: url(svg/post-tag.svg);
+	}
+}

skatepark/sass/theme.scss

@@ -2,6 +2,7 @@
 @import "../../blockbase/sass/base/mixins";
 @import "base/text";
 @import "base/mixins";
+@import "blocks/author";
 @import "blocks/buttons";
 @import "blocks/post-comments";
 @import "blocks/query";
@@ -16,5 +17,6 @@
 @import "block-patterns/paragraph-with-quote";
 @import "elements/headings";
 @import "elements/links";
+@import "elements/post-meta";
 @import "templates/header";
 @import "templates/index";

skatepark/theme.json

@@ -470,8 +470,9 @@
 			"core/post-title": {
 				"typography": {
 					"fontFamily": "var(--wp--preset--font-family--red-hat-display)",
-					"fontSize": "var(--wp--preset--font-size--huge)",
-					"lineHeight": "var(--wp--custom--heading--typography--line-height)"
+					"fontSize": "min(max(48px, 7vw), 72px)",
+					"lineHeight": 1.2,
+					"fontWeight": "700"
 				}
 			},
 			"core/post-date": {
@@ -480,7 +481,8 @@
 					"text": "var(--wp--custom--color--foreground)"
 				},
 				"typography": {
-					"fontSize": "var(--wp--preset--font-size--small)"
+					"fontSize": "var(--wp--preset--font-size--small)",
+					"fontWeight": "500"
 				}
 			},
 			"core/pullquote": {
@@ -534,6 +536,16 @@
 					"fontSize": "var(--wp--preset--font-size--normal)",
 					"fontStyle": "normal"
 				}
+			},
+			"core/post-terms": {
+				"typography": {
+					"fontWeight": "500"
+				}
+			},
+			"core/post-navigation-link": {
+				"typography": {
+					"fontWeight": "500"
+				}
 			}
 		},
 		"color": {
@@ -547,6 +559,12 @@
 					"fontWeight": "700",
 					"lineHeight": 1.2,
 					"fontSize": "min(max(48px, 7vw), 72px)"
+				},
+				"spacing": {
+					"margin": {
+						"top": "calc( 1.1 * var(--wp--custom--margin--vertical) )",
+						"bottom": "calc( 1.1 * var(--wp--custom--margin--vertical) )"
+					}
 				}
 			},
 			"h2": {
@@ -555,6 +573,12 @@
 					"fontWeight": "900",
 					"lineHeight": 1.2,
 					"fontSize": "min(max(36px, 5vw), 64px)"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"h3": {
@@ -563,6 +587,12 @@
 					"fontWeight": "900",
 					"lineHeight": 1.3,
 					"fontSize": "min(max(30px, 5vw), 48px)"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"h4": {
@@ -573,6 +603,12 @@
 					"fontSize": "var(--wp--preset--font-size--small)",
 					"letterSpacing": "0.1em",
 					"textTransform": "uppercase"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"h5": {
@@ -583,6 +619,12 @@
 					"fontSize": "var(--wp--preset--font-size--small)",
 					"letterSpacing": "0.1em",
 					"textTransform": "uppercase"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"h6": {
@@ -593,6 +635,12 @@
 					"fontSize": "var(--wp--preset--font-size--tiny)",
 					"letterSpacing": "0.1em",
 					"textTransform": "uppercase"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"link": {