Blockbase: add additional vertical padding (#4122)

* Add custom vertical padding to theme.json

* Add custom vertical padding to header

* Add custom vertical padding to post template

* Add new compiled ponyfill.css

* Add newline at end of post-template scss file

* Make post template <li> styling more specific

* Remove custom CSS for vertical padding

* Add bottom padding to header template part

* Add spacer of 40px to query loop

* Add HTML content and closer to wp:spacer block

* Change wp:query-loop to wp:post-template

blockbase/block-template-parts/header.html

@@ -1,6 +1,6 @@
-<!-- wp:group {"align":"full","className":"site-header"} -->
-<div class="wp-block-group alignfull site-header">
+<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"bottom":"40px"}}},"className":"site-header"} -->
+<div class="wp-block-group alignfull site-header" style="padding-bottom:40px">
 	<!-- wp:site-title /-->
-	<!-- wp:navigation {"isResponsive":true,"__unstableLocation":"primary"} --><!-- /wp:navigation -->
+	<!-- wp:navigation {"isResponsive":true,"__unstableLocation":"primary"} /-->
 </div>
 <!-- /wp:group -->

blockbase/block-templates/index.html

@@ -2,11 +2,14 @@
 
 <!-- wp:query {"className":"page-content","tagName":"main","layout":{"inherit":true},"queryId":1,"query":{"perPage":10,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","sticky":""}} -->
 <main class="wp-block-query page-content">
-<!-- wp:query-loop -->
+<!-- wp:post-template -->
 	<!-- wp:post-title {"isLink":true} /-->
 	<!-- wp:post-featured-image {"isLink":true} /-->
 	<!-- wp:post-excerpt /-->
-<!-- /wp:query-loop -->
+	<!-- wp:spacer {"height":40} -->
+	<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
+	<!-- /wp:spacer -->
+<!-- /wp:post-template -->
 <!-- wp:group {"layout":{"inherit":true}} -->
 	<div class="wp-block-group">
 	<!-- wp:query-pagination -->