Curator: revise header template part (#5980)

* Revise to match design.

* Remove text decoration from links and make vertical spacing larger.

* Remove margin from separator.

* Revert text decoration none.

* Make appearance tools available and adjust site title link color accordingly.

* Styles for site title.

* Remove unstable location.

* Remove header.

* Add back EOL

* fix nav menu border color

* Fix rebase.

* Remove margin from single template cover.

Co-authored-by: madhusudhand <madhusudhan.dollu@gmail.com>

curator/parts/header.html

@@ -1,29 +1,8 @@
-<!-- wp:group {"className":"gapless-group","layout":{"inherit":"true"}} -->
-<div class="wp-block-group gapless-group">
-	<!-- wp:group {"align":"full","layout":{"type":"flex","justifyContent":"space-between"},"style":{"spacing":{"padding":{"bottom":"var(--wp--custom--gap--vertical)","top":"var(--wp--custom--gap--vertical)"}}}} -->
-	<div class="wp-block-group alignfull" style="padding-bottom:var(--wp--custom--gap--vertical);padding-top:var(--wp--custom--gap--vertical)">
-	
-		<!-- wp:group {"layout":{"type":"flex"}} -->
-		<div class="wp-block-group">
-			<!-- wp:site-logo {"width":64} /-->
-	
-			<!-- wp:group -->
-			<div class="wp-block-group">
-				<!-- wp:site-title /-->
-				<!-- wp:site-tagline /-->
-			</div>
-			<!-- /wp:group -->
-		</div>
-		<!-- /wp:group -->
-	
-		<!-- wp:navigation {"__unstableLocation":"primary","layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right","orientation":"horizontal"},"style":{"spacing":{"margin":{"top":"0"}}}} /-->
-	
-	</div>
-	<!-- /wp:group -->
-
-</div>
-<!-- /wp:group -->
+ <!-- wp:group {"align":"full","style":{"spacing":{"padding":{"bottom":"var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dgap\u002d\u002dvertical)","top":"var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dgap\u002d\u002dvertical)"}}},"layout":{"type":"flex","justifyContent":"space-between"}} -->
+ <div class="wp-block-group alignfull" style="padding-top:var(--wp--custom--gap--vertical);padding-bottom:var(--wp--custom--gap--vertical)"><!-- wp:site-title {"style":{"typography":{"fontSize":"1.375rem"},"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}}}} /-->
 
-<!-- wp:spacer {"height":50} -->
-<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
-<!-- /wp:spacer -->
+	<!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right","orientation":"horizontal"},"style":{"spacing":{"margin":{"top":"0"}}}} /--></div>
+	<!-- /wp:group -->
+	
+	<!-- wp:separator {"align":"full","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}}} -->
+	<hr class="wp-block-separator alignfull has-alpha-channel-opacity" style="margin-top:0px;margin-bottom:0px"/>

curator/patterns/post-hero.php

@@ -7,8 +7,8 @@
 
 ?>
 
-<!-- wp:cover {"overlayColor":"foreground","minHeightUnit":"vh","style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
-<div class="wp-block-cover" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><span aria-hidden="true" class="wp-block-cover__background has-foreground-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:cover {"useFeaturedImage":true,"dimRatio":40,"overlayColor":"foreground","minHeight":440,"minHeightUnit":"px","style":{"spacing":{"padding":{"top":"120px","right":"clamp(20px, 4vw, 90px)","bottom":"120px","left":"clamp(20px, 4vw, 90px)"}}}} -->
+<!-- wp:cover {"overlayColor":"foreground","minHeightUnit":"vh","style":{"spacing":{"margin":{"top":"0px"},"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
+<div class="wp-block-cover" style="margin-top:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><span aria-hidden="true" class="wp-block-cover__background has-foreground-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:cover {"useFeaturedImage":true,"dimRatio":40,"overlayColor":"foreground","minHeight":440,"minHeightUnit":"px","style":{"spacing":{"padding":{"top":"120px","right":"clamp(20px, 4vw, 90px)","bottom":"120px","left":"clamp(20px, 4vw, 90px)"}}}} -->
 <div class="wp-block-cover" style="min-height:440px;padding-top:120px;padding-right:clamp(20px, 4vw, 90px);padding-bottom:120px;padding-left:clamp(20px, 4vw, 90px)"><span aria-hidden="true" class="wp-block-cover__background has-foreground-background-color has-background-dim-40 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
 <div class="wp-block-group"><!-- wp:post-terms {"term":"category","style":{"typography":{"fontStyle":"normal","fontWeight":"700"},"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"textColor":"background","fontSize":"medium"} /-->
 

curator/style.css

@@ -115,7 +115,8 @@ body {
 a:not(
 	.wp-block-search__button,
 	.wp-block-button__link
-) {
+),
+.wp-block-site-title a {
 	padding: .4rem 0;
 	text-decoration: inherit; /* Needed so the link styles will be inherited correctly from theme.json */
 	text-underline-offset: .1rem;
@@ -124,10 +125,15 @@ a:not(
 a:not(
 	.wp-block-search__button,
 	.wp-block-button__link
-):hover {
+):hover,
+.wp-block-site-title a {
 	text-decoration: none;
 }
 
+.wp-block-site-title a:hover {
+	text-decoration: underline;
+}
+
 a:not(
 	.wp-block-search__button,
 	.wp-block-button__link
@@ -140,7 +146,8 @@ a:not(
 	.wp-block-button__link,
 	.wp-block-navigation-link__content,
 	.wp-block-navigation-item__content
-):active {
+):active,
+.wp-block-site-title a:active {
 	text-decoration: none;
 	background-color: var(--wp--preset--color--tertiary);
 }
@@ -149,6 +156,10 @@ a:not(
  * Navigation and Other Link Styles
  */
 
+.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
+	border-color: var(--wp--preset--color--foreground);
+}
+
 :is(
 	.wp-block-pages-list__item .wp-block-pages-list__item__link,
 	.wp-block-navigation-link__content,

curator/theme.json

@@ -64,7 +64,7 @@
 			},
 			"gap": {
 				"horizontal": "min(20px, 4vw)",
-				"vertical": "min(20px, 4vw)"
+				"vertical": "min(24px, 4vw)"
 			},
 			"button": {
 				"typography": {
@@ -368,8 +368,14 @@
 			"core/site-title": {
 				"typography": {
 					"fontSize": "var(--wp--preset--font-size--medium)",
-					"fontWeight": "900",
-					"textDecoration": "none"
+					"fontWeight": "900"
+				},
+				"elements":{
+					"link":{
+						"typography":{
+							"textDecoration": "none"
+						}
+					}
 				}
 			}
 		},