Videomaker: Update tag styles (#4866)

* Videomaker: Update tag styles

* Add tags to the index template

videomaker/assets/theme.css

@@ -64,11 +64,6 @@ div.post-meta a {
 	align-items: flex-end;
 }
 
-.wp-block-navigation.is-responsive .has-child .wp-block-navigation__submenu-container {
-	background-color: var(--wp--custom--color--background);
-	border: var(--wp--custom--form--border--width) var(--wp--custom--form--border--style) var(--wp--preset--color--primary);
-}
-
 footer > .wp-block-group {
 	align-items: center;
 	justify-content: space-between;
@@ -78,4 +73,15 @@ footer > .wp-block-group p {
 	margin-bottom: 0;
 }
 
+.taxonomy-post_tag.wp-block-post-terms a {
+	background: var(--wp--custom--color--tertiary);
+	border-radius: 20px;
+	font-weight: 600;
+	padding: 10px 20px;
+}
+
+.taxonomy-post_tag.wp-block-post-terms .wp-block-post-terms__separator {
+	visibility: hidden;
+}
+
 /*# sourceMappingURL=theme.css.map */

videomaker/block-template-parts/post-meta.html

@@ -5,6 +5,6 @@
 	<p>/</p>
 	<!-- /wp:paragraph -->
     <!-- wp:post-terms {"term":"category","style":{"typography":{"fontSize":"var(--wp--custom--font-sizes--tiny)"}}} /-->
-    <!-- wp:post-terms {"term": "post_tag","style":{"typography":{"fontSize":"var(--wp--custom--font-sizes--tiny)"}}} /-->
 </div>
 <!-- /wp:group -->
+<!-- wp:post-terms {"term": "post_tag","style":{"typography":{"fontSize":"var(--wp--custom--font-sizes--tiny)"}}} /-->

videomaker/block-templates/index.html

@@ -9,9 +9,7 @@
 	<!-- wp:post-featured-image {"isLink":true} /-->
 	<!-- wp:post-excerpt /-->
 
-	<!-- wp:group {"layout":{"type":"flex"}} -->
-	<div class="wp-block-group"><!-- wp:post-date /-->/<!-- wp:post-terms {"term":"category"} /--></div>
-	<!-- /wp:group -->
+	<!-- wp:template-part {"slug":"post-meta"} /-->
 
 	<!-- wp:spacer {"height":40} -->
 	<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>

videomaker/child-theme.json

@@ -55,7 +55,7 @@
 				"background": "var(--wp--preset--color--background)",
 				"primary": "var(--wp--preset--color--foreground)",
 				"secondary": "var(--wp--preset--color--foreground)",
-				"tertiary": "var(--wp--preset--color--background)"
+				"tertiary": "var(--wp--preset--color--tertiary)"
 			},
 			"colorPalettes": [
 				{

videomaker/sass/blocks/_post-terms.scss

@@ -0,0 +1,12 @@
+.taxonomy-post_tag.wp-block-post-terms {
+	a {
+		background: var(--wp--custom--color--tertiary);
+		border-radius: 20px;
+		font-weight: 600;
+		padding: 10px 20px;
+	}
+
+	.wp-block-post-terms__separator {
+		visibility: hidden;
+	}
+}

videomaker/sass/theme.scss

@@ -2,4 +2,5 @@
 @import "links";
 @import "meta";
 @import "navigation";
-@import "templates/footer";
+@import "templates/footer";
+@import "blocks/post-terms";

videomaker/theme.json

@@ -103,7 +103,7 @@
 				"background": "var(--wp--preset--color--background)",
 				"primary": "var(--wp--preset--color--foreground)",
 				"secondary": "var(--wp--preset--color--foreground)",
-				"tertiary": "var(--wp--preset--color--background)"
+				"tertiary": "var(--wp--preset--color--tertiary)"
 			},
 			"colorPalettes": [
 				{