1b61f3c876
* consolidate header styles designed for child themes into Blockbase which child themes can use as header/footer options. * Refactor header spacing mechanism to use a spacer in a template part * Refactor header layouts to allow for full-width background colors. * Tweak navigation styles leveraged by headers to align with design intentions * Various other header and navigation tweaks. * Affects all Blockbase children Co-authored-by: Maggie <maggie.cabrera@automattic.com> Co-authored-by: Ben Dwyer <ben@scruffian.com>
68 lines
No EOL
1.3 KiB
SCSS
68 lines
No EOL
1.3 KiB
SCSS
/* Smooth out the fonts. */
|
|
|
|
body {
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
.site-header .wp-block-site-title a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.site-header .wp-block-social-links.alignright {
|
|
margin: 0 0 0 1em;
|
|
transform: translateY(-0.3rem);
|
|
}
|
|
|
|
@media screen and (min-width: 1290px) {
|
|
.site-header .wp-block-column,
|
|
.site-footer .wp-block-column {
|
|
padding-left: var(--wp--custom--gap--horizontal);
|
|
padding-right: var(--wp--custom--gap--horizontal);
|
|
}
|
|
}
|
|
|
|
.site-footer {
|
|
margin-top: auto;
|
|
}
|
|
|
|
/* Adjust heading letter spacing. */
|
|
|
|
h1, h2, h3 {
|
|
letter-spacing: -0.015em;
|
|
}
|
|
|
|
/*
|
|
* Preserve image ratios.
|
|
* Needed until https://github.com/WordPress/gutenberg/pull/27518/ is merged.
|
|
*/
|
|
img {
|
|
height: auto;
|
|
max-width: 100%;
|
|
}
|
|
|
|
/* Post Meta */
|
|
|
|
.post-meta a {
|
|
color: currentColor;
|
|
}
|
|
|
|
.is-style-post-author-icon:before {
|
|
-webkit-mask-image: url(svg/post-author.svg);
|
|
mask-image: url(svg/post-author.svg);
|
|
}
|
|
|
|
.is-style-post-date-icon:before {
|
|
-webkit-mask-image: url(svg/post-date.svg);
|
|
mask-image: url(svg/post-date.svg);
|
|
}
|
|
|
|
.is-style-post-category-icon:before {
|
|
-webkit-mask-image: url(svg/post-category.svg);
|
|
mask-image: url(svg/post-category.svg);
|
|
}
|
|
|
|
.is-style-post-tag-icon:before {
|
|
-webkit-mask-image: url(svg/post-tag.svg);
|
|
mask-image: url(svg/post-tag.svg);
|
|
} |