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>
This commit is contained in:
Jeff Ong 2022-06-16 11:23:45 -04:00 committed by GitHub
parent 51a1181e59
commit 6f26e9ae45
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 32 additions and 36 deletions

View file

@ -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 {"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:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right","orientation":"horizontal"},"style":{"spacing":{"margin":{"top":"0"}}}} /--></div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
<!-- wp:spacer {"height":50} -->
<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- 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"/>

View file

@ -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"} /-->

View file

@ -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,

View file

@ -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"
}
}
}
}
},