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:
parent
51a1181e59
commit
6f26e9ae45
4 changed files with 32 additions and 36 deletions
|
@ -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"/>
|
|
@ -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"} /-->
|
||||
|
||||
|
|
|
@ -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,
|
||||
|
|
|
@ -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"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
|
|
Loading…
Reference in a new issue