Quadrat: Fix post meta offset (#4752)

* Quadrat: Fix post meta offset

* Remove padding on site tagline.

* Remove inline spacing rules on site tagline.

* Use content: none to hide icon and add comment about configuring in Blockbase.

* Fix comment typo.

Co-authored-by: Jeff Ong <jonger4@gmail.com>

quadrat/assets/theme.css

@@ -588,9 +588,7 @@ textarea:focus {
 }
 
 .post-meta > *:first-child:before {
-	background: transparent;
-	-webkit-mask-image: none;
-	mask-image: none;
+	content: none;
 }
 
 .post-meta > * > * {

quadrat/block-template-parts/header.html

@@ -2,7 +2,7 @@
 <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"}},"typography":{"fontSize":"var(--wp--custom--font-sizes--tiny)"}}} /-->
+	<!-- wp:site-tagline {"style":{"typography":{"fontSize":"var(--wp--custom--font-sizes--tiny)"}}} /-->
 	<!-- wp:navigation {"isResponsive":true,"__unstableLocation":"primary"} /-->
 </header>
 <!-- /wp:group -->

quadrat/sass/templates/_meta.scss

@@ -25,9 +25,9 @@
 		}
 
 		&:first-child:before {
-			background: transparent;
-			-webkit-mask-image: none;
-			mask-image: none;
+			// Hide the date icon. This should be configurable in Blockbase:
+			// https://github.com/Automattic/themes/issues/4704
+			content: none;
 		}
 
 		> * {