Varia: hide `updated` meta in Blog Posts block

varia/sass/blocks/blog-posts/_editor.scss

@@ -35,5 +35,19 @@
 		[style*="background-color"] & {
 			color: currentColor;
 		}
+
+		> * {
+			display: inline-block;
+			margin-right: #{map-deep-get($config-global, "spacing", "unit")};
+			vertical-align: middle;
+
+			&:last-child {
+				margin-right: 0;
+			}
+		}
+
+		.published + .updated {
+			display: none;
+		}
 	}
 }

varia/sass/blocks/blog-posts/_style.scss

@@ -64,22 +64,18 @@
 			color: currentColor;
 		}
 
-		> span {
+		> * {
 			display: inline-block;
 			margin-right: #{map-deep-get($config-global, "spacing", "unit")};
-
-			& > * {
-				display: inline-block;
-				vertical-align: middle;
-			}
+			vertical-align: middle;
 
 			&:last-child {
 				margin-right: 0;
 			}
+		}
 
-			.published + .updated {
-				display: none; // Hide updated date?
-			}
+		.published + .updated {
+			display: none;
 		}
 
 		a {

varia/style-editor.css

@@ -346,6 +346,26 @@ object {
 	color: currentColor;
 }
 
+.wp-block-a8c-blog-posts .entry-meta > *,
+.wp-block-a8c-blog-posts .entry-footer > *,
+.wp-block-a8c-blog-posts .cat-links > * {
+	display: inline-block;
+	margin-right: 16px;
+	vertical-align: middle;
+}
+
+.wp-block-a8c-blog-posts .entry-meta > *:last-child,
+.wp-block-a8c-blog-posts .entry-footer > *:last-child,
+.wp-block-a8c-blog-posts .cat-links > *:last-child {
+	margin-right: 0;
+}
+
+.wp-block-a8c-blog-posts .entry-meta .published + .updated,
+.wp-block-a8c-blog-posts .entry-footer .published + .updated,
+.wp-block-a8c-blog-posts .cat-links .published + .updated {
+	display: none;
+}
+
 .wp-block-button {
 	/* Default Style */
 	/* Outline Style */

varia/style-rtl.css

@@ -1217,6 +1217,12 @@ object {
 	color: indigo;
 }
 
+.has-background:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-title a,
+[class*="background-color"]:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-title a,
+[style*="background-color"] .wp-block-newspack-blocks-homepage-articles article .entry-title a {
+	color: currentColor;
+}
+
 .wp-block-newspack-blocks-homepage-articles article .entry-wrapper > * {
 	/* Vertical margins logic between post details */
 	margin-top: 16px;
@@ -1242,6 +1248,22 @@ object {
 	font-size: 0.83333rem;
 }
 
+.has-background:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-meta,
+[class*="background-color"]:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-meta,
+[style*="background-color"] .wp-block-newspack-blocks-homepage-articles article .entry-meta, .has-background:not(.has-background-background-color)
+.wp-block-newspack-blocks-homepage-articles article .entry-footer,
+[class*="background-color"]:not(.has-background-background-color)
+.wp-block-newspack-blocks-homepage-articles article .entry-footer,
+[style*="background-color"]
+.wp-block-newspack-blocks-homepage-articles article .entry-footer, .has-background:not(.has-background-background-color)
+.wp-block-newspack-blocks-homepage-articles article .cat-links,
+[class*="background-color"]:not(.has-background-background-color)
+.wp-block-newspack-blocks-homepage-articles article .cat-links,
+[style*="background-color"]
+.wp-block-newspack-blocks-homepage-articles article .cat-links {
+	color: currentColor;
+}
+
 .wp-block-newspack-blocks-homepage-articles article .entry-meta > span,
 .wp-block-newspack-blocks-homepage-articles article .entry-footer > span,
 .wp-block-newspack-blocks-homepage-articles article .cat-links > span {
@@ -1301,6 +1323,14 @@ button[data-load-more-btn] {
 	display: inline-block;
 }
 
+.has-background:not(.has-background-background-color) button[data-load-more-btn],
+[class*="background-color"]:not(.has-background-background-color) button[data-load-more-btn],
+[style*="background-color"] button[data-load-more-btn] {
+	background-color: transparent;
+	border: 2px solid currentColor;
+	color: currentColor;
+}
+
 /**
  * Button
  */

varia/style.css

@@ -1264,29 +1264,23 @@ object {
 	color: currentColor;
 }
 
-.wp-block-newspack-blocks-homepage-articles article .entry-meta > span,
-.wp-block-newspack-blocks-homepage-articles article .entry-footer > span,
-.wp-block-newspack-blocks-homepage-articles article .cat-links > span {
+.wp-block-newspack-blocks-homepage-articles article .entry-meta > *,
+.wp-block-newspack-blocks-homepage-articles article .entry-footer > *,
+.wp-block-newspack-blocks-homepage-articles article .cat-links > * {
 	display: inline-block;
 	margin-right: 16px;
-}
-
-.wp-block-newspack-blocks-homepage-articles article .entry-meta > span > *,
-.wp-block-newspack-blocks-homepage-articles article .entry-footer > span > *,
-.wp-block-newspack-blocks-homepage-articles article .cat-links > span > * {
-	display: inline-block;
 	vertical-align: middle;
 }
 
-.wp-block-newspack-blocks-homepage-articles article .entry-meta > span:last-child,
-.wp-block-newspack-blocks-homepage-articles article .entry-footer > span:last-child,
-.wp-block-newspack-blocks-homepage-articles article .cat-links > span:last-child {
+.wp-block-newspack-blocks-homepage-articles article .entry-meta > *:last-child,
+.wp-block-newspack-blocks-homepage-articles article .entry-footer > *:last-child,
+.wp-block-newspack-blocks-homepage-articles article .cat-links > *:last-child {
 	margin-right: 0;
 }
 
-.wp-block-newspack-blocks-homepage-articles article .entry-meta > span .published + .updated,
-.wp-block-newspack-blocks-homepage-articles article .entry-footer > span .published + .updated,
-.wp-block-newspack-blocks-homepage-articles article .cat-links > span .published + .updated {
+.wp-block-newspack-blocks-homepage-articles article .entry-meta .published + .updated,
+.wp-block-newspack-blocks-homepage-articles article .entry-footer .published + .updated,
+.wp-block-newspack-blocks-homepage-articles article .cat-links .published + .updated {
 	display: none;
 }