Merge pull request #75 from WordPress/add/post-meta-tt1

Twenty Twenty-One Blocks: Add post meta.
WordPress · Nov 8, 2020 · ffbfd31 · ffbfd31
2 parents 7655f7a + 1839a83
commit ffbfd31
Show file tree

Hide file tree

Showing 4 changed files with 91 additions and 3 deletions.
diff --git a/twentytwentyone-blocks/assets/css/blocks.css b/twentytwentyone-blocks/assets/css/blocks.css
@@ -186,7 +186,7 @@ hr[style*="text-align: right"],
 
 hr:not(.is-style-wide):not(.is-style-dots),
 .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
-	max-width: var(--responsive--aligndefault-width);
+	max-width: var(--wp--custom--responsive--aligndefault-width);
 }
 
 hr.alignwide:not(.is-style-wide):not(.is-style-dots),

diff --git a/twentytwentyone-blocks/block-templates/index.html b/twentytwentyone-blocks/block-templates/index.html
@@ -1,8 +1,38 @@
 <!-- wp:template-part {"slug":"header","theme":"twentytwentyone-blocks","align":"full", "tagName":"header","className":"site-header"} /-->
 
+<!-- wp:query {"queryId":1,"query":{"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","sticky":""}} -->
 <!-- wp:query-loop -->
-<!-- wp:post-title /-->
+<!-- wp:post-title {"isLink":true} /-->
+
 <!-- wp:post-content /-->
+
+<!-- wp:spacer {"height":70} -->
+<div style="height:70px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
+
+<!-- wp:separator {"align":"center","className":"is-style-twentytwentyone-separator-thick"} -->
+<hr class="wp-block-separator aligncenter is-style-twentytwentyone-separator-thick"/>
+<!-- /wp:separator -->
+
+<!-- wp:columns -->
+<div class="wp-block-columns"><!-- wp:column -->
+<div class="wp-block-column"><!-- wp:post-date /-->
+
+<!-- wp:post-author {"showAvatar":false} /--></div>
+<!-- /wp:column -->
+
+<!-- wp:column -->
+<div class="wp-block-column"><!-- wp:post-hierarchical-terms {"term":"category","textAlign":"right"} /-->
+
+<!-- wp:post-tags {"textAlign":"right"} /--></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns -->
+
+<!-- wp:spacer {"height":70} -->
+<div style="height:70px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
+
 <!-- /wp:query-loop -->
+<!-- /wp:query -->
 
-<!-- wp:template-part {"slug":"footer","theme":"twentytwentyone-blocks","align":"full","tagName":"footer","className":"site-footer"} /-->
+<!-- wp:template-part {"slug":"footer","theme":"twentytwentyone-blocks","align":"full","tagName":"footer","className":"site-footer"} /-->
diff --git a/twentytwentyone-blocks/block-templates/single.html b/twentytwentyone-blocks/block-templates/single.html
@@ -11,6 +11,32 @@
 <!-- /wp:spacer -->
 
 <!-- wp:post-content /-->
+
+<!-- wp:spacer {"height":70} -->
+<div style="height:70px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
+
+<!-- wp:separator {"align":"center","className":"is-style-twentytwentyone-separator-thick"} -->
+<hr class="wp-block-separator aligncenter is-style-twentytwentyone-separator-thick"/>
+<!-- /wp:separator -->
+
+<!-- wp:columns -->
+<div class="wp-block-columns"><!-- wp:column -->
+<div class="wp-block-column"><!-- wp:post-date /-->
+
+<!-- wp:post-author {"showAvatar":false,"byline":""} /--></div>
+<!-- /wp:column -->
+
+<!-- wp:column -->
+<div class="wp-block-column"><!-- wp:post-hierarchical-terms {"term":"category","textAlign":"right"} /-->
+
+<!-- wp:post-tags {"textAlign":"right"} /--></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns -->
+
+<!-- wp:spacer {"height":70} -->
+<div style="height:70px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
 <!-- wp:post-comments /-->
 
 <!-- wp:template-part {"slug":"footer","theme":"twentytwentyone-blocks","align":"full","tagName":"footer","className":"site-footer"} /-->
diff --git a/twentytwentyone-blocks/experimental-theme.json b/twentytwentyone-blocks/experimental-theme.json
@@ -274,5 +274,37 @@
 				"fontSize": "var(--wp--preset--font-size--normal)"
 			}
 		}
+	},
+	"core/post-author": {
+		"styles": {
+			"typography": {
+				"fontSize": "var(--wp--preset--font-size--extra-small)",
+				"lineHeight": "var(--wp--custom--line-height--body)"
+			}
+		}
+	},
+	"core/post-date": {
+		"styles": {
+			"typography": {
+				"fontSize": "var(--wp--preset--font-size--extra-small)",
+				"lineHeight": "var(--wp--custom--line-height--body)"
+			}
+		}
+	},
+	"core/post-hierarchical-terms": {
+		"styles": {
+			"typography": {
+				"fontSize": "var(--wp--preset--font-size--extra-small)",
+				"lineHeight": "var(--wp--custom--line-height--body)"
+			}
+		}
+	},
+	"core/post-tags": {
+		"styles": {
+			"typography": {
+				"fontSize": "var(--wp--preset--font-size--extra-small)",
+				"lineHeight": "var(--wp--custom--line-height--body)"
+			}
+		}
 	}
 }