Quadrat: Sync post title position on single and archive pages (#4195)

* Quadrat: Add spacer to top of index template on desktop

* Quadrat: Add vertical margin to post-template list

* Quadrat: Add padding-top to post meta at mobile

* Quadrat: Reset post title alignment changes

* Quadrat: Remove top padding from single template

* Quadrat: Remove default vertical margins from post-template ul

* Quadrat: Add bottom padding to global header

* Quadrat: Remove top, right and bottom padding from header

quadrat/assets/theme.css

@@ -488,6 +488,11 @@ ul ul {
 	margin-left: 20%;
 }
 
+.wp-block-post-template {
+	margin-top: 0;
+	margin-bottom: 0;
+}
+
 .wp-block-query-loop .wp-block-post-title,
 .wp-block-query .wp-block-post-title {
 	font-size: var(--wp--custom--heading--h3--font-size);

quadrat/block-template-parts/header.html

@@ -1,8 +1,8 @@
-<!-- wp:group {"tagName":"header","className":"site-header"} -->
-<header class="wp-block-group site-header">
+<!-- wp:group {"tagName":"header","style":{"spacing":{"padding":{"bottom":"170px"}}},"className":"site-header"} -->
+<header class="wp-block-group site-header" style="padding-bottom:170px">
 	<!-- wp:site-logo /-->
 	<!-- wp:site-title /-->
 	<!-- wp:site-tagline {"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"20px"},"margin":{"right":"auto"}}},"fontSize":"tiny"} /-->
 	<!-- wp:navigation {"isResponsive":true,"__unstableLocation":"primary"} /-->
 </header>
-<!-- /wp:group -->
+<!-- /wp:group -->

quadrat/block-templates/single.html

@@ -3,8 +3,8 @@
 <!-- wp:group {"className":"post-header"} -->
 <div class="wp-block-group post-header">
 
-	<!-- wp:group {"style":{"spacing":{"padding":{"top":"170px"}}},"className":"post-meta"} -->
-	<div class="wp-block-group post-meta" style="padding-top:170px">
+	<!-- wp:group {"className":"post-meta"} -->
+	<div class="wp-block-group post-meta">
 		<!-- wp:post-date {"textAlign":"center","fontSize":"tiny"} /-->
 		<!-- wp:post-terms {"term":"category","textAlign":"center","fontSize":"tiny"} /-->
 	</div>

quadrat/sass/blocks/_post-template.scss

@@ -0,0 +1,4 @@
+.wp-block-post-template {
+    margin-top: 0;
+    margin-bottom: 0;
+}

quadrat/sass/templates/_index.scss

@@ -5,4 +5,4 @@
 .page-content {
 	padding-left: var(--wp--custom--post-content--padding--left);
 	padding-right: var(--wp--custom--post-content--padding--right);
-}
+}

quadrat/sass/theme.scss

@@ -11,6 +11,7 @@
 @import "blocks/navigation";
 @import "blocks/post-comments";
 @import "blocks/post-navigation-link";
+@import "blocks/post-template";
 @import "blocks/query";
 @import "blocks/query-pagination";
 @import "blocks/quote";