933 lines
24 KiB
CSS
933 lines
24 KiB
CSS
/*
|
|
Theme Name: Spearhead
|
|
Theme URI: https://wordpress.com/theme/spearhead
|
|
Author: Automattic
|
|
Author URI: https://automattic.com/
|
|
Description: Share your podcast with the world using Spearhead.
|
|
Requires at least: 5.5
|
|
Tested up to: 5.5
|
|
Requires PHP: 5.6.2
|
|
Version: 1.3.13
|
|
License: GNU General Public License v2 or later
|
|
License URI: LICENSE
|
|
Template: seedlet
|
|
Text Domain: spearhead
|
|
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, jetpack-global-styles
|
|
*/
|
|
/**
|
|
* Required Variables
|
|
*/
|
|
.author-link {
|
|
font-size: var(--global--font-size-xs);
|
|
position: relative;
|
|
}
|
|
|
|
.author-link:after {
|
|
background-image: url("data:image/svg+xml,%3Csvg class='svg-icon' width='24' height='24' aria-hidden='true' role='img' focusable='false' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.96954 10.2804L11.9999 15.3107L17.0302 10.2804L15.9695 9.21973L11.9999 13.1894L8.0302 9.21973L6.96954 10.2804Z' fill='%23DB0042'%3E%3C/path%3E%3C/svg%3E");
|
|
background-repeat: no-repeat;
|
|
background-position: center center;
|
|
background-size: 14px 14px;
|
|
content: '';
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: -14px;
|
|
width: 14px;
|
|
height: 14px;
|
|
transform: rotate(90deg);
|
|
}
|
|
|
|
/**
|
|
* Required Variables
|
|
*/
|
|
/**
|
|
* Repsonsive Styles
|
|
*/
|
|
@media only screen and (min-width: 830px) {
|
|
:root {
|
|
--global--spacing-horizontal: 60px;
|
|
--global--spacing-vertical: 35px;
|
|
--responsive--aligndefault-width: min(calc(100vw - 2 * var(--global--spacing-horizontal)), 782px);
|
|
--responsive--alignwide-width: min(calc(100vw - 2 * var(--global--spacing-horizontal)), 1247px);
|
|
--wpadmin-bar--height: 32px;
|
|
}
|
|
}
|
|
|
|
.archive .post .entry-title,
|
|
.home .post .entry-title {
|
|
font-size: var(--global--font-size-lg);
|
|
line-height: var(--global--line-height-heading);
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.archive .post-excerpt:not(.sticky),
|
|
.home .post-excerpt:not(.sticky) {
|
|
color: var(--global--color-secondary);
|
|
}
|
|
|
|
.archive .post-excerpt:not(.sticky) .more-link,
|
|
.home .post-excerpt:not(.sticky) .more-link {
|
|
color: var(--global--color-secondary);
|
|
}
|
|
|
|
.archive .post-excerpt:not(.sticky) .more-link:hover,
|
|
.home .post-excerpt:not(.sticky) .more-link:hover {
|
|
color: var(--global--color-primary-hover);
|
|
}
|
|
|
|
.post .entry-header {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.post .entry-header .entry-title {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.post .entry-header .entry-meta {
|
|
margin-bottom: var(--global--spacing-vertical);
|
|
order: -1;
|
|
}
|
|
|
|
.post .entry-header .entry-meta .posted-on svg {
|
|
display: none;
|
|
}
|
|
|
|
.post .entry-header .entry-meta .posted-on a {
|
|
color: var(--global--color-foreground-low-contrast);
|
|
font-family: var(--global--font-primary);
|
|
font-size: var(--global--font-size-md);
|
|
}
|
|
|
|
.site-main > * {
|
|
margin: 0 auto;
|
|
padding: var(--global--spacing-vertical) 0;
|
|
}
|
|
|
|
.site-main > *:first-child {
|
|
padding-top: 0;
|
|
}
|
|
|
|
.site-main article > * {
|
|
margin-top: calc( 0.48 * var(--global--spacing-vertical));
|
|
margin-bottom: calc( 0.48 * var(--global--spacing-vertical));
|
|
/* This overrides Seedlet's style for this breakpoint */
|
|
}
|
|
|
|
@media only screen and (min-width: 482px) {
|
|
.site-main article > * {
|
|
margin-top: calc( 0.48 * var(--global--spacing-vertical));
|
|
margin-bottom: calc( 0.48 * var(--global--spacing-vertical));
|
|
}
|
|
}
|
|
|
|
.has-sticky-post .site-main {
|
|
background: var(--sticky-posts--alt-color-background);
|
|
}
|
|
|
|
.has-sticky-post .site-main > *:first-child {
|
|
margin-top: calc( 0px - var(--global--spacing-vertical));
|
|
padding-top: var(--global--spacing-vertical);
|
|
}
|
|
|
|
.post.sticky {
|
|
background: var(--sticky-posts--color-background);
|
|
padding-bottom: calc(2 * var(--global--spacing-vertical));
|
|
}
|
|
|
|
.post.sticky .entry-title {
|
|
font-size: var(--sticky-posts--entry-title-font-size);
|
|
}
|
|
|
|
.post.sticky .entry-content {
|
|
font-size: var(--sticky-posts--entry-content-font-size);
|
|
}
|
|
|
|
.post.sticky + .post.sticky {
|
|
padding-top: 0;
|
|
}
|
|
|
|
.post.sticky + article:not(.sticky) {
|
|
padding-top: calc(2 * var(--global--spacing-vertical));
|
|
}
|
|
|
|
.sticky-post {
|
|
display: none;
|
|
}
|
|
|
|
.entry-content .more-link {
|
|
color: var(--global--color-foreground);
|
|
display: inline-block;
|
|
font-size: var(--entry-meta--font-size);
|
|
margin-top: 0;
|
|
text-decoration: 1px solid underline var(--global--color-primary);
|
|
}
|
|
|
|
.entry-content .more-link:hover {
|
|
color: var(--global--color-primary-hover);
|
|
}
|
|
|
|
.entry-content .more-link:after {
|
|
content: none;
|
|
}
|
|
|
|
.entry-content .more-link svg {
|
|
height: var(--global--font-size-base);
|
|
width: var(--global--font-size-base);
|
|
margin-right: -0.25em;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
transform: rotate(90deg);
|
|
}
|
|
|
|
.entry-content .excerpt-more-link .more-link {
|
|
margin-right: 1rem;
|
|
}
|
|
|
|
.single {
|
|
color: var(--global--color-foreground);
|
|
}
|
|
|
|
.has-link-color a, a {
|
|
border-color: transparent;
|
|
transition: all 0.1s ease;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.has-link-color a:hover, a:hover {
|
|
color: var(--global--color-primary-hover);
|
|
text-decoration: 1px solid underline;
|
|
}
|
|
|
|
.wp-block a,
|
|
.entry-content a {
|
|
font-weight: var(--global--link-font-weight);
|
|
border-color: var(--global--color-primary);
|
|
}
|
|
|
|
.wp-block a:hover,
|
|
.entry-content a:hover {
|
|
border-color: transparent;
|
|
}
|
|
|
|
.has-main-navigation .site-header {
|
|
padding: var(--global--spacing-vertical) 0;
|
|
}
|
|
|
|
@media only screen and (min-width: 830px) {
|
|
.has-main-navigation .site-header {
|
|
padding: var(--global--spacing-vertical) var(--global--spacing-horizontal);
|
|
}
|
|
}
|
|
|
|
.has-main-navigation .site-header a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
@media only screen and (max-width: 829px) {
|
|
.has-main-navigation .site-header .site-title {
|
|
margin: 0;
|
|
}
|
|
.has-main-navigation .site-header .site-description {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.has-sticky-post .site-header {
|
|
background: var(--sticky-posts--color-background);
|
|
}
|
|
|
|
.site-header {
|
|
display: grid;
|
|
grid-template-areas: "site-logo site-logo site-logo" "branding branding primary-navigation";
|
|
grid-template-columns: 0.5fr 1fr 0.5fr;
|
|
grid-template-rows: auto;
|
|
grid-column-gap: 16px;
|
|
max-width: var(--responsive--alignfull-width);
|
|
padding: var(--global--spacing-vertical) 0;
|
|
}
|
|
|
|
@media only screen and (min-width: 830px) {
|
|
.site-header {
|
|
grid-template-areas: "site-logo site-logo site-logo" "branding primary-navigation primary-navigation";
|
|
padding: var(--global--spacing-vertical) var(--global--spacing-horizontal);
|
|
}
|
|
}
|
|
|
|
.site-header .site-branding {
|
|
grid-area: branding;
|
|
padding: var(--global--spacing-horizontal);
|
|
text-align: right;
|
|
justify-self: flex-start;
|
|
align-self: center;
|
|
}
|
|
|
|
@media only screen and (min-width: 830px) {
|
|
.site-header .site-branding {
|
|
padding: 0;
|
|
}
|
|
}
|
|
|
|
.site-header .site-branding .site-logo {
|
|
margin-right: 0;
|
|
margin-top: 0;
|
|
}
|
|
|
|
.site-header .site-branding .site-title {
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
.site-header .site-branding .site-title > a {
|
|
background: inherit;
|
|
text-decoration: none;
|
|
text-shadow: none;
|
|
}
|
|
|
|
.site-header .site-logo {
|
|
grid-area: site-logo;
|
|
margin: 0;
|
|
}
|
|
|
|
.site-header .site-logo a {
|
|
display: block;
|
|
}
|
|
|
|
.site-header .site-logo a:hover {
|
|
border-color: transparent;
|
|
}
|
|
|
|
.site-header .primary-navigation-wrapper {
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
.site-header .primary-navigation {
|
|
margin-top: 0;
|
|
position: relative;
|
|
}
|
|
|
|
@media only screen and (max-width: 829px) {
|
|
.admin-bar .site-header .primary-navigation .primary-menu-container {
|
|
top: 114px;
|
|
}
|
|
.site-header .primary-navigation .primary-menu-container a {
|
|
color: var(--primary-nav--dropdown-color-link);
|
|
}
|
|
.site-header .primary-navigation .social-navigation a {
|
|
color: var(--primary-nav--dropdown-color-link);
|
|
}
|
|
}
|
|
|
|
.site-header .primary-navigation button#primary-close-menu {
|
|
color: var(--global--color-secondary);
|
|
margin: 0;
|
|
margin-top: 0.25rem;
|
|
padding: var(--global--spacing-horizontal);
|
|
position: relative;
|
|
top: 0;
|
|
left: 0;
|
|
float: left;
|
|
}
|
|
|
|
.has-marketing-bar .site-header .primary-navigation button#primary-close-menu {
|
|
top: calc(-1 * var(--wpcom-marketing-bar--height));
|
|
}
|
|
|
|
.admin-bar .site-header .primary-navigation button#primary-close-menu {
|
|
top: calc(-1 * var(--wpadmin-bar--height));
|
|
}
|
|
|
|
.admin-bar.has-marketing-bar .site-header .primary-navigation button#primary-close-menu {
|
|
top: calc(calc(-1 * var(--wpadmin-bar--height)) + calc(-1 * var(--wpcom-marketing-bar--height)));
|
|
}
|
|
|
|
.site-header .primary-navigation button#primary-close-menu:hover {
|
|
color: var(--global--color-primary);
|
|
}
|
|
|
|
.site-header .primary-navigation .menu-item-has-children > .svg-icon {
|
|
margin-top: -2px;
|
|
margin-right: -2px;
|
|
}
|
|
|
|
.site-header .primary-navigation > div > ul li,
|
|
.site-header .woo-navigation > div > ul li {
|
|
color: var(--global--color-secondary);
|
|
}
|
|
|
|
.site-header .primary-navigation > div > ul li a:hover,
|
|
.site-header .woo-navigation > div > ul li a:hover {
|
|
border-color: transparent;
|
|
color: var(--global--color-primary);
|
|
}
|
|
|
|
.site-header > .site-branding,
|
|
.site-header > nav {
|
|
margin: 0;
|
|
}
|
|
|
|
.site-header .social-navigation {
|
|
flex-basis: 100%;
|
|
}
|
|
|
|
.site-header .social-navigation ul {
|
|
justify-content: flex-start;
|
|
flex-wrap: nowrap;
|
|
margin-top: var(--social-nav--padding);
|
|
}
|
|
|
|
.site-header .social-navigation ul li {
|
|
margin: 0;
|
|
padding: 0 0 0 var(--social-nav--padding);
|
|
}
|
|
|
|
@media only screen and (min-width: 830px) {
|
|
.site-header .social-navigation {
|
|
flex-basis: auto;
|
|
}
|
|
.site-header .social-navigation ul {
|
|
justify-content: flex-end;
|
|
margin-top: 0;
|
|
}
|
|
.site-header .social-navigation ul li {
|
|
padding: 0 var(--social-nav--padding) 0 0;
|
|
}
|
|
}
|
|
|
|
.site-header .social-navigation .menu-item {
|
|
width: auto;
|
|
}
|
|
|
|
.site-header .social-navigation .menu-item > a {
|
|
padding: 0;
|
|
}
|
|
|
|
.site-header .social-navigation .menu-item > a:hover {
|
|
border-color: var(--primary-nav--color-border);
|
|
color: var(--primary-nav--color-link-hover);
|
|
}
|
|
|
|
.has-title-and-tagline .site-logo {
|
|
margin: 0;
|
|
}
|
|
|
|
@media only screen and (min-width: 830px) {
|
|
.has-title-and-tagline .site-logo {
|
|
padding-bottom: var(--global--spacing-vertical);
|
|
}
|
|
}
|
|
|
|
.has-title-and-tagline .site-branding {
|
|
align-self: flex-start;
|
|
}
|
|
|
|
.primary-navigation-open .site-header {
|
|
padding-top: 0;
|
|
}
|
|
|
|
.primary-navigation-open .has-title-and-tagline .site-logo {
|
|
display: none;
|
|
}
|
|
|
|
.site-header div.menu-button-container button#primary-open-menu {
|
|
padding: var(--global--spacing-horizontal);
|
|
margin-top: 0;
|
|
margin-left: 0;
|
|
}
|
|
|
|
.site-header div.menu-button-container button#primary-open-menu::before {
|
|
margin: 0;
|
|
}
|
|
|
|
.site-header div.menu-button-container #woo-open-menu {
|
|
margin-right: auto;
|
|
}
|
|
|
|
.primary-navigation-open .site-header div.menu-button-container {
|
|
margin: 0;
|
|
}
|
|
|
|
.site-footer .menu-item a {
|
|
border-bottom: none;
|
|
}
|
|
|
|
.site-footer > .site-info {
|
|
font-family: var(--global--font-secondary);
|
|
}
|
|
|
|
.site-footer > .site-info a.site-name {
|
|
color: var(--global--color-primary);
|
|
font-family: var(--global--font-primary);
|
|
}
|
|
|
|
.site-footer > .site-info a:hover {
|
|
color: var(--global--color-primary-hover);
|
|
}
|
|
|
|
.archive .page-header {
|
|
line-height: var(--heading--line-height-h1);
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.archive .page-title {
|
|
font-size: var(--heading--font-size-h1);
|
|
color: var(--entry-header--color);
|
|
}
|
|
|
|
.archive .site-main > article:first-of-type {
|
|
margin-top: 0;
|
|
}
|
|
|
|
ul.wp-block-categories,
|
|
.wp-block-categories ul {
|
|
list-style-type: none;
|
|
margin-top: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.wp-block-categories .cat-item {
|
|
margin: calc( 0.3 * var(--global--spacing-vertical)) 0;
|
|
}
|
|
|
|
.wp-block-categories a {
|
|
color: var(--entry-header--color);
|
|
font-size: var(--global--font-size-lg);
|
|
}
|
|
|
|
.wp-block-categories a:hover {
|
|
border-color: transparent;
|
|
color: var(--global--color-primary);
|
|
}
|
|
|
|
.wp-block-latest-posts > li:not(.is-grid) {
|
|
margin: calc( 0.3 * var(--global--spacing-vertical)) 0;
|
|
}
|
|
|
|
.wp-block-latest-posts > li > a {
|
|
color: var(--global--color-foreground-low-contrast);
|
|
font-size: var(--global--font-size-lg);
|
|
font-weight: 500;
|
|
}
|
|
|
|
.wp-block-latest-posts > li > a:hover {
|
|
border-color: transparent;
|
|
color: var(--global--color-primary);
|
|
}
|
|
|
|
.podcast-links-list-block {
|
|
color: var(--entry-header--color);
|
|
}
|
|
|
|
.podcast-links-list-block a {
|
|
margin: 0 7px 0 3px;
|
|
}
|
|
|
|
.podcast-links-list-block a:first-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.wp-block-navigation .wp-block-navigation__container p {
|
|
line-height: 2.5;
|
|
}
|
|
|
|
.wp-block-navigation .wp-block-navigation__container .wp-block-navigation-link .wp-block-navigation-link__content {
|
|
color: var(--wp--style--color--link, var(--global--color-primary));
|
|
line-height: 1;
|
|
margin: calc( var(--primary-nav--padding) - 1px);
|
|
padding: 0;
|
|
}
|
|
|
|
.wp-block-navigation .wp-block-navigation__container .wp-block-navigation-link .wp-block-navigation-link__content .wp-block-navigation-link__label {
|
|
font-size: var(--global--font-size-root);
|
|
font-weight: var(--global--link-font-weight);
|
|
}
|
|
|
|
.jp-relatedposts-i2 .jp-related-posts-i2__post,
|
|
.wp-block-jetpack-related-posts .jp-related-posts-i2__post {
|
|
margin: 0 0 0 var(--global--spacing-horizontal);
|
|
}
|
|
|
|
.jp-relatedposts-i2 .jp-related-posts-i2__row,
|
|
.wp-block-jetpack-related-posts .jp-related-posts-i2__row {
|
|
margin: auto;
|
|
}
|
|
|
|
.jp-relatedposts-i2 .jp-related-posts-i2__post-link,
|
|
.wp-block-jetpack-related-posts .jp-related-posts-i2__post-link {
|
|
font-weight: var(--global--font-weight);
|
|
font-size: var(--global--font-size-lg);
|
|
line-height: var(--global--line-height-body);
|
|
width: fit-content;
|
|
}
|
|
|
|
.jp-relatedposts-i2 .jp-related-posts-i2__post-link a,
|
|
.wp-block-jetpack-related-posts .jp-related-posts-i2__post-link a {
|
|
color: var(--global--color-foreground);
|
|
}
|
|
|
|
.jp-relatedposts-i2 .jp-related-posts-i2__post-date,
|
|
.jp-relatedposts-i2 .jp-related-posts-i2__post-context,
|
|
.wp-block-jetpack-related-posts .jp-related-posts-i2__post-date,
|
|
.wp-block-jetpack-related-posts .jp-related-posts-i2__post-context {
|
|
font-family: var(--global--font-primary);
|
|
font-size: var(--global--font-size-xs);
|
|
text-transform: uppercase;
|
|
color: var(--global--color-foreground-low-contrast);
|
|
}
|
|
|
|
/* The built in Jetpack related posts has different markup */
|
|
#jp-relatedposts .jp-relatedposts-items p {
|
|
font-size: var(--global--font-size-xs);
|
|
}
|
|
|
|
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date,
|
|
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context {
|
|
opacity: 1;
|
|
line-height: var(--global--line-height-body);
|
|
color: var(--global--color-foreground-low-contrast);
|
|
}
|
|
|
|
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title {
|
|
font-size: var(--global--font-size-lg);
|
|
line-height: var(--heading--line-height-h2);
|
|
margin-bottom: calc(0.3 * var(--global--spacing-vertical));
|
|
}
|
|
|
|
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a {
|
|
color: var(--global--color-foreground);
|
|
}
|
|
|
|
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover .jp-relatedposts-post-title a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
#jp-relatedposts h3.jp-relatedposts-headline {
|
|
font-size: var(--global--font-size-base);
|
|
margin-bottom: var(--global--spacing-vertical);
|
|
}
|
|
|
|
#jp-relatedposts h3.jp-relatedposts-headline em {
|
|
font-weight: var(--global--font-weight);
|
|
}
|
|
|
|
#jp-relatedposts h3.jp-relatedposts-headline em:before {
|
|
content: none;
|
|
}
|
|
|
|
.wp-block-newspack-blocks-homepage-articles.wpnbha article,
|
|
.wp-block-a8c-blog-posts.wpnbha article {
|
|
margin: 0 auto;
|
|
padding: var(--global--spacing-vertical) 0;
|
|
}
|
|
|
|
.wp-block-newspack-blocks-homepage-articles article .entry-wrapper,
|
|
.wp-block-a8c-blog-posts article .entry-wrapper {
|
|
margin: 0;
|
|
}
|
|
|
|
.wp-block-newspack-blocks-homepage-articles article .entry-wrapper p,
|
|
.wp-block-a8c-blog-posts article .entry-wrapper p {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.wp-block-newspack-blocks-homepage-articles article .entry-title,
|
|
.wp-block-a8c-blog-posts article .entry-title {
|
|
margin-bottom: calc( 0.48 * var(--global--spacing-vertical));
|
|
}
|
|
|
|
.wp-block-newspack-blocks-homepage-articles article .entry-title a,
|
|
.wp-block-a8c-blog-posts article .entry-title a {
|
|
font-size: var(--global--font-size-lg);
|
|
color: var(--entry-header--color-link);
|
|
font-weight: var(--heading--font-weight);
|
|
}
|
|
|
|
.wp-block-newspack-blocks-homepage-articles article .entry-title a:hover, .wp-block-newspack-blocks-homepage-articles article .entry-title a:focus,
|
|
.wp-block-a8c-blog-posts article .entry-title a:hover,
|
|
.wp-block-a8c-blog-posts article .entry-title a:focus {
|
|
color: var(--entry-header--color-hover);
|
|
}
|
|
|
|
.wp-block-newspack-blocks-homepage-articles article .entry-title a:active,
|
|
.wp-block-a8c-blog-posts article .entry-title a:active {
|
|
color: var(--entry-header--color-link);
|
|
}
|
|
|
|
.wp-block-newspack-blocks-homepage-articles article .more-link,
|
|
.wp-block-a8c-blog-posts article .more-link {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
|
|
padding: 0;
|
|
}
|
|
|
|
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
|
|
padding: var(--button--padding-vertical) var(--button--padding-horizontal);
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
margin: -1px 0 -1px -1px;
|
|
}
|
|
|
|
.wp-block-search.wp-block-search__button-inside:not(.wp-block-search__icon-button) .wp-block-search__inside-wrapper {
|
|
border-radius: var(--button--border-radius);
|
|
}
|
|
|
|
.wp-block-search.wp-block-search__button-inside.wp-block-search__icon-button .wp-block-search__inside-wrapper {
|
|
flex-direction: row-reverse;
|
|
padding-right: 0;
|
|
border: none;
|
|
border-bottom: var(--form--border-width) solid var(--form--border-color);
|
|
}
|
|
|
|
.wp-block-search.wp-block-search__button-inside.wp-block-search__icon-button .wp-block-search__input {
|
|
border: none;
|
|
padding: 0 10px 0 0;
|
|
}
|
|
|
|
.wp-block-search.wp-block-search__button-inside.wp-block-search__icon-button .wp-block-search__button.has-icon {
|
|
margin-right: 0;
|
|
background: transparent;
|
|
color: var(--form--border-color);
|
|
padding: 0;
|
|
border: none;
|
|
}
|
|
|
|
.wp-block-search .wp-block-search__inside-wrapper {
|
|
color: var(--global--color-secondary);
|
|
align-items: center;
|
|
}
|
|
|
|
.wp-block-search .wp-block-search__label {
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.wp-block-search .wp-block-search__input {
|
|
color: var(--form--color-text);
|
|
margin-left: calc( .1 * var(--global--spacing-horizontal));
|
|
border: none;
|
|
border-bottom: var(--form--border-width) solid var(--form--border-color);
|
|
}
|
|
|
|
body[class*="woocommerce"] #page .site-header .primary-navigation {
|
|
flex-basis: 50%;
|
|
}
|
|
|
|
body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs {
|
|
padding-right: calc( 0.3 * var(--global--spacing-horizontal));
|
|
margin-bottom: calc( 2 * var(--global--spacing-vertical));
|
|
}
|
|
|
|
body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li {
|
|
background-color: var(--global--color-foreground-low-contrast);
|
|
}
|
|
|
|
body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li:before {
|
|
box-shadow: -2px 2px 0 var(--global--color-foreground-low-contrast);
|
|
}
|
|
|
|
body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li:after {
|
|
box-shadow: 2px 2px 0 var(--global--color-foreground-low-contrast);
|
|
}
|
|
|
|
body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li a {
|
|
color: var(--button--color-text);
|
|
padding: var(--button--padding-vertical) var(--button--padding-horizontal);
|
|
}
|
|
|
|
body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li a:hover {
|
|
color: var(--button--color-text-hover);
|
|
}
|
|
|
|
body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active a {
|
|
color: var(--global--color-foreground);
|
|
}
|
|
|
|
body[class*="woocommerce"] #page .woocommerce-tabs .panel {
|
|
margin-bottom: calc( 2 * var(--global--spacing-vertical));
|
|
}
|
|
|
|
body[class*="woocommerce"] #page .woocommerce-tabs .panel h2 {
|
|
font-family: var(--global--font-secondary);
|
|
}
|
|
|
|
#content .wc-block-grid .wc-block-grid__product .wc-block-grid__product-onsale {
|
|
top: -0.5em;
|
|
left: -0.5em;
|
|
}
|
|
|
|
#content .wc-block-grid .wc-block-grid__product .wc-block-grid__product-title {
|
|
font-family: var(--global--font-secondary);
|
|
}
|
|
|
|
#content .wc-block-grid .wc-block-grid__product .wc-block-grid__product-price {
|
|
color: var(--global--color-foreground);
|
|
}
|
|
|
|
#content .wc-block-featured-product .wc-block-featured-product__price {
|
|
font-size: var(--global--font-size-sm);
|
|
}
|
|
|
|
.wc-block-components-review-list-item__author + .wc-block-components-review-list-item__published-date::before {
|
|
content: none;
|
|
}
|
|
|
|
.wc-block-components-review-list-item__product + .wc-block-components-review-list-item__author,
|
|
.wc-block-components-review-list-item__published-date {
|
|
font-size: var(--global--font-size-xs);
|
|
}
|
|
|
|
.single-product #page #woocommerce-wrapper div.product div.summary p.price {
|
|
color: var(--global--color-foreground);
|
|
font-size: var(--global--font-size-lg);
|
|
}
|
|
|
|
.single-product #page #woocommerce-wrapper div.product form.cart div.quantity input[type=number] {
|
|
line-height: var(--global--font-size-xl);
|
|
padding: calc(0.5 * var(--button--padding-vertical)) var(--form--spacing-unit);
|
|
}
|
|
|
|
.single-product #page #woocommerce-wrapper div.product form.cart button {
|
|
line-height: var(--global--font-size-xl);
|
|
padding: calc(0.5 * var(--button--padding-vertical) + 1px) var(--button--padding-horizontal);
|
|
}
|
|
|
|
.product_meta {
|
|
color: var(--global--color-foreground-low-contrast);
|
|
}
|
|
|
|
.screen-reader-text, .search-form input[type="submit"] {
|
|
/* Text meant only for screen readers. */
|
|
border: 0;
|
|
clip: rect(1px, 1px, 1px, 1px);
|
|
clip-path: inset(50%);
|
|
height: 1px;
|
|
margin: -1px;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
position: absolute !important;
|
|
width: 1px;
|
|
word-wrap: normal !important;
|
|
/* Many screen reader and browser combinations announce broken words as they would appear visually. */
|
|
}
|
|
|
|
.screen-reader-text:focus, .search-form input:focus[type="submit"] {
|
|
background-color: var(--global--color-background);
|
|
border-radius: 3px;
|
|
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
|
|
clip: auto !important;
|
|
clip-path: none;
|
|
color: var(--global--color-foreground);
|
|
display: block;
|
|
font-size: var(--global--font-size-md);
|
|
font-weight: bold;
|
|
height: auto;
|
|
right: 5px;
|
|
line-height: normal;
|
|
padding: 15px 23px 14px;
|
|
text-decoration: none;
|
|
top: 5px;
|
|
width: auto;
|
|
z-index: 100000;
|
|
/* Above WP toolbar. */
|
|
}
|
|
|
|
/* Do not show the outline on the skip link target. */
|
|
#content[tabindex="-1"]:focus {
|
|
outline: 0;
|
|
}
|
|
|
|
.search-results .site-main > * {
|
|
padding: var(--global--spacing-vertical) 0;
|
|
}
|
|
|
|
.search-results .search-form {
|
|
padding-bottom: 0;
|
|
margin-bottom: var(--global--spacing-vertical);
|
|
}
|
|
|
|
.search-results .entry-title {
|
|
font-size: var(--heading--font-size-h2);
|
|
}
|
|
|
|
.search-results .entry-header {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.search-form {
|
|
border-bottom: var(--form--border-width) solid var(--form--border-color);
|
|
flex-direction: row-reverse;
|
|
}
|
|
|
|
.search-form > label {
|
|
margin-left: 0;
|
|
padding-right: 30px;
|
|
position: relative;
|
|
}
|
|
|
|
.search-form > label:before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='search-icon' class='search-icon' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath d='M13.5 6C10.5 6 8 8.5 8 11.5c0 1.1.3 2.1.9 3l-3.4 3 1 1.1 3.4-2.9c1 .9 2.2 1.4 3.6 1.4 3 0 5.5-2.5 5.5-5.5C19 8.5 16.5 6 13.5 6zm0 9.5c-2.2 0-4-1.8-4-4s1.8-4 4-4 4 1.8 4 4-1.8 4-4 4z'%3E%3C/path%3E%3C/svg%3E");
|
|
background-repeat: no-repeat;
|
|
background-position: center center;
|
|
width: 24px;
|
|
height: 100%;
|
|
}
|
|
|
|
.search-form input[type="search"] {
|
|
border: none;
|
|
padding-top: var(--button--padding-vertical);
|
|
padding-bottom: var(--button--padding-vertical);
|
|
font-size: var(--global--font-size-sm);
|
|
color: var(--entry-header--color);
|
|
}
|
|
|
|
.search-form input[type="submit"] {
|
|
background: none;
|
|
color: var(--entry-header--color);
|
|
}
|
|
|
|
.site-main > article > .entry-footer {
|
|
margin-top: calc( var(--global--spacing-vertical) / 2);
|
|
padding-top: 0;
|
|
border: none;
|
|
}
|
|
|
|
.widget ul {
|
|
padding: 0;
|
|
}
|
|
|
|
#content .wc-block-grid .wc-block-grid__product-onsale {
|
|
font-family: var(--global--font-secondary);
|
|
}
|
|
|
|
body[class*="woocommerce"] #page span.onsale {
|
|
background-color: var(--global--color-background);
|
|
border: 1px solid var(--global--color-foreground);
|
|
border-radius: 0;
|
|
font-family: var(--global--font-secondary);
|
|
line-height: 1.6;
|
|
min-width: 0;
|
|
min-height: 0;
|
|
padding: 1em;
|
|
}
|
|
|
|
body[class*="woocommerce"] #page .woo-navigation .woocommerce-cart-widget {
|
|
max-width: 100%;
|
|
}
|
|
|
|
#woocommerce-wrapper ul.products li.product .price {
|
|
color: var(--global--color-foreground);
|
|
}
|
|
|
|
@media only screen and (min-width: 830px) {
|
|
.woo-navigation {
|
|
padding-top: var(--global--spacing-vertical);
|
|
}
|
|
}
|