Shawburn: Updating WC styles to work with menu refeactor in #1578.
This commit is contained in:
Allan Cole
parent
7c06b6b422
commit
7278c978c2
8 changed files with 589 additions and 205 deletions
|
|
@ -36,7 +36,9 @@
|
|||
"start": "chokidar \"**/*.scss\" -c \"npm run build\" --initial",
|
||||
"build:style": "node-sass sass/style-child-theme.scss style.css --output-style expanded --indent-type tab --indent-width 1 && postcss -r style.css",
|
||||
"build:style-editor": "node-sass sass/style-child-theme-editor.scss style-editor.css --output-style expanded --indent-type tab --indent-width 1 && postcss -r style-editor.css",
|
||||
"build:style-woocommerce": "node-sass sass/style-child-theme-woocommerce.scss style-woocommerce.css --output-style expanded --indent-type tab --indent-width 1 && postcss -r style-woocommerce.css",
|
||||
"build:rtl": "rtlcss style.css style-rtl.css",
|
||||
"build:woocommerce-rtl": "rtlcss style-woocommerce.css style-woocommerce-rtl.css",
|
||||
"build:print": "node-sass sass/print.scss print.css --output-style expanded --indent-type tab --indent-width 1 && postcss -r print.css",
|
||||
"build": "run-p \"build:*\"",
|
||||
"watch": "chokidar \"**/*.scss\" -c \"npm run build\" --initial"
|
||||
|
|
|
|||
|
|
@ -92,6 +92,12 @@ $config-global: (
|
|||
"light": #FAFAFA,
|
||||
"dark": #DADADA,
|
||||
),
|
||||
"alert": (
|
||||
"success": yellowgreen,
|
||||
"info": skyblue,
|
||||
"warning": gold,
|
||||
"error": salmon,
|
||||
),
|
||||
"text-selection": lighten(#0C80A1, 55%),
|
||||
"black": black,
|
||||
"white": white,
|
||||
|
|
|
|||
|
|
@ -161,7 +161,9 @@ hr.wp-block-separator.is-style-wide,
|
|||
* Main Menu
|
||||
*/
|
||||
#site-navigation {
|
||||
background-color: $color_primary_default;
|
||||
order: 2;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
|
||||
&.main-navigation {
|
||||
|
|
@ -172,7 +174,11 @@ hr.wp-block-separator.is-style-wide,
|
|||
}
|
||||
|
||||
ul {
|
||||
text-align: inherit;
|
||||
|
||||
li {
|
||||
text-align: left;
|
||||
|
||||
&:first-of-type {
|
||||
> a {
|
||||
padding-left: map-deep-get($config-global, "spacing", "unit");
|
||||
|
|
@ -222,7 +228,6 @@ hr.wp-block-separator.is-style-wide,
|
|||
}
|
||||
|
||||
.main-menu {
|
||||
background-color: $color_primary_default;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -33,3 +33,32 @@
|
|||
* WooCommerce Styles
|
||||
*/
|
||||
@import "../../varia/sass/vendors/woocommerce/style";
|
||||
|
||||
/**
|
||||
* WooCommerce Mobile Menu
|
||||
*/
|
||||
body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:focus + #toggle-cart,
|
||||
body[class*="woocommerce"] #page #toggle-cart {
|
||||
background: map-deep-get($config-global, "color", "primary", "default");
|
||||
color: map-deep-get($config-global, "color", "background", "default");
|
||||
border-radius: 0;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
width: 100%;
|
||||
|
||||
&:active,
|
||||
&:focus,
|
||||
&:hover {
|
||||
background: map-deep-get($config-global, "color", "primary", "hover");
|
||||
color: map-deep-get($config-global, "color", "background", "default");
|
||||
}
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:checked ~ div {
|
||||
border-top: 2px solid map-deep-get($config-global, "color", "background", "default");
|
||||
|
||||
@include media(mobile) {
|
||||
border-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -188,6 +188,84 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
|
|||
* Base
|
||||
* - Reset the browser
|
||||
*/
|
||||
/**
|
||||
* Button Placeholder style
|
||||
* - Since buttons appear in various blocks,
|
||||
* let’s use a placeholder to keep them all
|
||||
* in-sync
|
||||
*/
|
||||
button,
|
||||
.button,
|
||||
input[type="submit"],
|
||||
.wp-block-button__link,
|
||||
.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
|
||||
line-height: 1;
|
||||
color: white;
|
||||
cursor: pointer;
|
||||
font-weight: 700;
|
||||
font-family: "PT Sans", Arial, sans-serif;
|
||||
font-family: var(--font-base, "PT Sans", Arial, sans-serif);
|
||||
font-size: 0.83333rem;
|
||||
background-color: #0C80A1;
|
||||
border-radius: 4px;
|
||||
border-width: 0;
|
||||
padding: 16px 24px;
|
||||
}
|
||||
|
||||
button:before,
|
||||
.button:before,
|
||||
input[type="submit"]:before,
|
||||
.wp-block-button__link:before,
|
||||
.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button:after,
|
||||
.button:after,
|
||||
input[type="submit"]:after,
|
||||
.wp-block-button__link:after,
|
||||
.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
|
||||
content: '';
|
||||
display: block;
|
||||
height: 0;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
button:before,
|
||||
.button:before,
|
||||
input[type="submit"]:before,
|
||||
.wp-block-button__link:before,
|
||||
.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
|
||||
margin-bottom: -0.12em;
|
||||
}
|
||||
|
||||
button:after,
|
||||
.button:after,
|
||||
input[type="submit"]:after,
|
||||
.wp-block-button__link:after,
|
||||
.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
|
||||
margin-top: -0.11em;
|
||||
}
|
||||
|
||||
button:hover,
|
||||
.button:hover,
|
||||
input:hover[type="submit"],
|
||||
.wp-block-button__link:hover,
|
||||
.wp-block-file__button:hover, .a8c-posts-list__view-all:hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:hover, button:focus,
|
||||
.button:focus,
|
||||
input:focus[type="submit"],
|
||||
.wp-block-button__link:focus,
|
||||
.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, button.has-focus,
|
||||
.has-focus.button,
|
||||
input.has-focus[type="submit"],
|
||||
.has-focus.wp-block-button__link,
|
||||
.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
|
||||
color: white;
|
||||
background-color: #085a72;
|
||||
}
|
||||
|
||||
/**
|
||||
* Onsale Placeholder style
|
||||
* - Since buttons appear in various blocks,
|
||||
* let’s use a placeholder to keep them all
|
||||
* in-sync
|
||||
*/
|
||||
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
|
||||
/* Document
|
||||
========================================================================== */
|
||||
|
|
@ -859,7 +937,8 @@ footer {
|
|||
.post-thumbnail > *,
|
||||
.page-content > *,
|
||||
.comment-content > *,
|
||||
.author-bio > * {
|
||||
.author-bio > *,
|
||||
.widget-area > .widget > * {
|
||||
margin-top: 16px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
|
@ -869,7 +948,8 @@ footer {
|
|||
.post-thumbnail > *:first-child,
|
||||
.page-content > *:first-child,
|
||||
.comment-content > *:first-child,
|
||||
.author-bio > *:first-child {
|
||||
.author-bio > *:first-child,
|
||||
.widget-area > .widget > *:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
|
|
@ -878,7 +958,8 @@ footer {
|
|||
.post-thumbnail > *:last-child,
|
||||
.page-content > *:last-child,
|
||||
.comment-content > *:last-child,
|
||||
.author-bio > *:last-child {
|
||||
.author-bio > *:last-child,
|
||||
.widget-area > .widget > *:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1069,77 +1150,8 @@ object {
|
|||
}
|
||||
|
||||
/**
|
||||
* Placeholder button style
|
||||
* - Since buttons appear in various blocks,
|
||||
* let’s use a placeholder to keep them all
|
||||
* in-sync
|
||||
* Button
|
||||
*/
|
||||
button,
|
||||
.button,
|
||||
input[type="submit"],
|
||||
.wp-block-button__link,
|
||||
.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
|
||||
line-height: 1;
|
||||
color: white;
|
||||
cursor: pointer;
|
||||
font-weight: 700;
|
||||
font-family: "PT Sans", Arial, sans-serif;
|
||||
font-family: var(--font-base, "PT Sans", Arial, sans-serif);
|
||||
font-size: 0.83333rem;
|
||||
background-color: #0C80A1;
|
||||
border-radius: 4px;
|
||||
border-width: 0;
|
||||
padding: 16px 24px;
|
||||
}
|
||||
|
||||
button:before,
|
||||
.button:before,
|
||||
input[type="submit"]:before,
|
||||
.wp-block-button__link:before,
|
||||
.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button:after,
|
||||
.button:after,
|
||||
input[type="submit"]:after,
|
||||
.wp-block-button__link:after,
|
||||
.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
|
||||
content: '';
|
||||
display: block;
|
||||
height: 0;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
button:before,
|
||||
.button:before,
|
||||
input[type="submit"]:before,
|
||||
.wp-block-button__link:before,
|
||||
.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
|
||||
margin-bottom: -0.12em;
|
||||
}
|
||||
|
||||
button:after,
|
||||
.button:after,
|
||||
input[type="submit"]:after,
|
||||
.wp-block-button__link:after,
|
||||
.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
|
||||
margin-top: -0.11em;
|
||||
}
|
||||
|
||||
button:hover,
|
||||
.button:hover,
|
||||
input:hover[type="submit"],
|
||||
.wp-block-button__link:hover,
|
||||
.wp-block-file__button:hover, .a8c-posts-list__view-all:hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:hover, button:focus,
|
||||
.button:focus,
|
||||
input:focus[type="submit"],
|
||||
.wp-block-button__link:focus,
|
||||
.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, button.has-focus,
|
||||
.has-focus.button,
|
||||
input.has-focus[type="submit"],
|
||||
.has-focus.wp-block-button__link,
|
||||
.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
|
||||
color: white;
|
||||
background-color: #085a72;
|
||||
}
|
||||
|
||||
/**
|
||||
* Block Options
|
||||
*/
|
||||
|
|
@ -2404,7 +2416,7 @@ body:not(.fse-enabled) .site-description {
|
|||
margin: 0;
|
||||
}
|
||||
|
||||
.main-navigation #toggle:checked ~ div {
|
||||
.main-navigation #toggle:checked ~ div:not(.woocommerce-menu-container) {
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
|
@ -2428,7 +2440,7 @@ body:not(.fse-enabled) .site-description {
|
|||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.main-navigation > div {
|
||||
display: block;
|
||||
display: inline-block;
|
||||
}
|
||||
.main-navigation #toggle-menu {
|
||||
display: none;
|
||||
|
|
@ -2814,6 +2826,13 @@ body:not(.fse-enabled) .footer-menu a {
|
|||
.entry-content .more-link {
|
||||
display: block;
|
||||
color: inherit;
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.entry-content .more-link {
|
||||
margin-top: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
.entry-content .more-link:after {
|
||||
|
|
@ -3781,7 +3800,9 @@ hr.wp-block-separator.is-style-wide,
|
|||
* Main Menu
|
||||
*/
|
||||
#site-navigation {
|
||||
background-color: #0C80A1;
|
||||
order: 2;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
|
@ -3791,6 +3812,14 @@ hr.wp-block-separator.is-style-wide,
|
|||
background-color: #085a72;
|
||||
}
|
||||
|
||||
#site-navigation.main-navigation ul {
|
||||
text-align: inherit;
|
||||
}
|
||||
|
||||
#site-navigation.main-navigation ul li {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
#site-navigation.main-navigation ul li:first-of-type > a {
|
||||
padding-right: 16px;
|
||||
}
|
||||
|
|
@ -3831,7 +3860,6 @@ hr.wp-block-separator.is-style-wide,
|
|||
}
|
||||
|
||||
#site-navigation.main-navigation .main-menu {
|
||||
background-color: #0C80A1;
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -744,7 +744,56 @@ body[class*="woocommerce"] #page .wc-block-grid__product-add-to-cart .added_to_c
|
|||
text-decoration: none;
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .main-navigation #toggle-cart {
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .main-navigation #toggle-cart .svg-icon {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:checked ~ div {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:focus + #toggle-cart {
|
||||
background-color: white;
|
||||
outline: inherit;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:checked + #toggle-cart .open {
|
||||
display: none;
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:checked + #toggle-cart .close {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 559px) {
|
||||
body[class*="woocommerce"] #page .main-navigation .woocommerce-menu-container {
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
}
|
||||
body[class*="woocommerce"] #page .main-navigation .woocommerce-menu-container a,
|
||||
body[class*="woocommerce"] #page .main-navigation .woocommerce-menu-container a:link,
|
||||
body[class*="woocommerce"] #page .main-navigation .woocommerce-menu-container a:visited {
|
||||
color: currentColor;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
body[class*="woocommerce"] #page .main-navigation > div:not(:last-of-type) {
|
||||
margin-left: 32px;
|
||||
}
|
||||
body[class*="woocommerce"] #page .main-navigation #toggle-cart {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link {
|
||||
display: none;
|
||||
text-decoration: none;
|
||||
line-height: 1;
|
||||
}
|
||||
|
|
@ -766,21 +815,18 @@ body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .svg-ic
|
|||
float: right;
|
||||
height: 0.83333rem;
|
||||
width: 0.83333rem;
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link + .sub-menu {
|
||||
padding: 0 16px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link + .sub-menu {
|
||||
padding: 0;
|
||||
body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
|
||||
max-width: 100%;
|
||||
padding: 8px 0;
|
||||
padding: 16px 0;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
|
|
@ -798,6 +844,11 @@ body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .wooc
|
|||
border-top: 1px solid;
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a:hover,
|
||||
body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a:focus {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a.remove:hover,
|
||||
body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a.remove:focus {
|
||||
text-decoration: none;
|
||||
|
|
@ -1190,6 +1241,18 @@ body[class*="woocommerce"] #page #reviews #comments .commentlist > li::before {
|
|||
content: "";
|
||||
}
|
||||
|
||||
/**
|
||||
* Pagination
|
||||
*/
|
||||
body[class*="woocommerce"] .woocommerce-store-notice,
|
||||
body[class*="woocommerce"] p.demo_store {
|
||||
background-color: #0C80A1;
|
||||
color: white;
|
||||
position: fixed;
|
||||
top: auto;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Structure
|
||||
*/
|
||||
|
|
@ -1269,7 +1332,8 @@ body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:not(:
|
|||
body[class*="woocommerce"] #page .woocommerce-products-header > *:not(:first-child),
|
||||
body[class*="woocommerce"] #page .woocommerce-checkout > *:not(:first-child),
|
||||
body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(:first-child),
|
||||
body[class*="woocommerce"] #page .woocommerce-order-details > *:not(:first-child) {
|
||||
body[class*="woocommerce"] #page .woocommerce-order-details > *:not(:first-child),
|
||||
body[class*="woocommerce"] #page .woocommerce-customer-details > *:not(:first-child) {
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
|
|
@ -1324,7 +1388,9 @@ body[class*="woocommerce"] #page .woocommerce-checkout > .price,
|
|||
body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(:last-child),
|
||||
body[class*="woocommerce"] #page .woocommerce-order-downloads > .price,
|
||||
body[class*="woocommerce"] #page .woocommerce-order-details > *:not(:last-child),
|
||||
body[class*="woocommerce"] #page .woocommerce-order-details > .price {
|
||||
body[class*="woocommerce"] #page .woocommerce-order-details > .price,
|
||||
body[class*="woocommerce"] #page .woocommerce-customer-details > *:not(:last-child),
|
||||
body[class*="woocommerce"] #page .woocommerce-customer-details > .price {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
|
|
@ -1379,7 +1445,9 @@ body[class*="woocommerce"] #page .woocommerce-checkout > .form-row-last,
|
|||
body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(img):empty + *,
|
||||
body[class*="woocommerce"] #page .woocommerce-order-downloads > .form-row-last,
|
||||
body[class*="woocommerce"] #page .woocommerce-order-details > *:not(img):empty + *,
|
||||
body[class*="woocommerce"] #page .woocommerce-order-details > .form-row-last {
|
||||
body[class*="woocommerce"] #page .woocommerce-order-details > .form-row-last,
|
||||
body[class*="woocommerce"] #page .woocommerce-customer-details > *:not(img):empty + *,
|
||||
body[class*="woocommerce"] #page .woocommerce-customer-details > .form-row-last {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1408,7 +1476,8 @@ body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:empty
|
|||
body[class*="woocommerce"] #page .woocommerce-products-header > *:empty,
|
||||
body[class*="woocommerce"] #page .woocommerce-checkout > *:empty,
|
||||
body[class*="woocommerce"] #page .woocommerce-order-downloads > *:empty,
|
||||
body[class*="woocommerce"] #page .woocommerce-order-details > *:empty {
|
||||
body[class*="woocommerce"] #page .woocommerce-order-details > *:empty,
|
||||
body[class*="woocommerce"] #page .woocommerce-customer-details > *:empty {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1699,17 +1768,27 @@ body[class*="woocommerce"] #page .woocommerce-invalid #terms {
|
|||
/**
|
||||
* Account page
|
||||
*/
|
||||
body[class*="woocommerce"] #page .woocommerce-MyAccount-navigation {
|
||||
width: 20%;
|
||||
body[class*="woocommerce"] #page .entry-content .woocommerce-MyAccount-navigation {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-MyAccount-navigation ul li a {
|
||||
body[class*="woocommerce"] #page .entry-content .woocommerce-MyAccount-navigation ul li a {
|
||||
line-height: 1.125;
|
||||
display: inline-table;
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .entry-content .woocommerce-MyAccount-navigation + *:not(:first-child) {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
body[class*="woocommerce"] #page .entry-content .woocommerce-MyAccount-navigation {
|
||||
width: 20%;
|
||||
}
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-MyAccount-content {
|
||||
width: calc(80% - 16px);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-MyAccount-content .woocommerce-notices-wrapper:empty {
|
||||
|
|
@ -1722,6 +1801,12 @@ body[class*="woocommerce"] #page .woocommerce-MyAccount-content fieldset {
|
|||
border-radius: 3px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
body[class*="woocommerce"] #page .woocommerce-MyAccount-content {
|
||||
width: calc(80% - 16px);
|
||||
}
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .addresses .title h3 {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
|
@ -1730,7 +1815,8 @@ body[class*="woocommerce"] #page .addresses .title .edit {
|
|||
line-height: 1;
|
||||
}
|
||||
|
||||
.woocommerce-account .entry-content .woocommerce > h2 {
|
||||
.woocommerce-account .entry-content .woocommerce > h2,
|
||||
body[class*="woocommerce"] #page div[class*="woocommerce"] h2 {
|
||||
font-size: 1.44rem;
|
||||
}
|
||||
|
||||
|
|
@ -1762,11 +1848,6 @@ body[class*="woocommerce"] #page .woocommerce-ordering select {
|
|||
/**
|
||||
* Single Product Page
|
||||
*/
|
||||
.single-product #page #woocommerce-wrapper div.product > .onsale {
|
||||
left: auto;
|
||||
right: -0.5em;
|
||||
}
|
||||
|
||||
.single-product #page #woocommerce-wrapper div.product div.images {
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
|
|
@ -1804,6 +1885,27 @@ body[class*="woocommerce"] #page .woocommerce-ordering select {
|
|||
.single-product #page #woocommerce-wrapper div.product div.summary p.price {
|
||||
color: #222222;
|
||||
font-size: 1.728rem;
|
||||
line-height: 1.125;
|
||||
}
|
||||
|
||||
.single-product #page #woocommerce-wrapper div.product div.summary span.price del,
|
||||
.single-product #page #woocommerce-wrapper div.product div.summary p.price del {
|
||||
color: currentColor;
|
||||
opacity: 0.5;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.single-product #page #woocommerce-wrapper div.product div.summary span.price ins,
|
||||
.single-product #page #woocommerce-wrapper div.product div.summary p.price ins {
|
||||
background: none;
|
||||
font-weight: 700;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.single-product #page #woocommerce-wrapper div.product div.summary span.price .from,
|
||||
.single-product #page #woocommerce-wrapper div.product div.summary p.price .from {
|
||||
font-size: 0.69444rem;
|
||||
color: gold;
|
||||
}
|
||||
|
||||
.single-product #page #woocommerce-wrapper div.product div.summary p.stock {
|
||||
|
|
@ -1822,14 +1924,24 @@ body[class*="woocommerce"] #page .woocommerce-ordering select {
|
|||
margin-top: -32px;
|
||||
}
|
||||
|
||||
.single-product #page #woocommerce-wrapper div.product div.social {
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
|
||||
.single-product #page #woocommerce-wrapper div.product .product_meta > * {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.single-product #page #woocommerce-wrapper div.product > .onsale {
|
||||
left: auto;
|
||||
right: -0.5em;
|
||||
}
|
||||
|
||||
.single-product #page #woocommerce-wrapper div.product.sale div.summary .span.price ins,
|
||||
.single-product #page #woocommerce-wrapper div.product.sale div.summary p.price ins {
|
||||
color: yellowgreen;
|
||||
}
|
||||
|
||||
.single-product #page #woocommerce-wrapper div.product div.social {
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
|
||||
.single-product #page #woocommerce-wrapper div.product .up-sells > h2 {
|
||||
font-size: 1.44rem;
|
||||
}
|
||||
|
|
@ -1913,7 +2025,7 @@ body[class*="woocommerce"] #page ul.product_list_widget li a:not(.remove) {
|
|||
|
||||
body[class*="woocommerce"] #page ul.cart_list li img,
|
||||
body[class*="woocommerce"] #page ul.product_list_widget li img {
|
||||
margin-right: 4px;
|
||||
margin-right: 16px;
|
||||
width: 64px;
|
||||
}
|
||||
|
||||
|
|
@ -1983,3 +2095,34 @@ body[class*="woocommerce"] #page .widget_price_filter .price_slider_wrapper .ui-
|
|||
margin-left: auto;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* WooCommerce Mobile Menu
|
||||
*/
|
||||
body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:focus + #toggle-cart,
|
||||
body[class*="woocommerce"] #page #toggle-cart {
|
||||
background: #0C80A1;
|
||||
color: white;
|
||||
border-radius: 0;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:focus + #toggle-cart:active, body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:focus + #toggle-cart:focus, body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:focus + #toggle-cart:hover,
|
||||
body[class*="woocommerce"] #page #toggle-cart:active,
|
||||
body[class*="woocommerce"] #page #toggle-cart:focus,
|
||||
body[class*="woocommerce"] #page #toggle-cart:hover {
|
||||
background: #085a72;
|
||||
color: white;
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:checked ~ div {
|
||||
border-top: 2px solid white;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:checked ~ div {
|
||||
border-top: 0;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -744,7 +744,56 @@ body[class*="woocommerce"] #page .wc-block-grid__product-add-to-cart .added_to_c
|
|||
text-decoration: none;
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .main-navigation #toggle-cart {
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .main-navigation #toggle-cart .svg-icon {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:checked ~ div {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:focus + #toggle-cart {
|
||||
background-color: white;
|
||||
outline: inherit;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:checked + #toggle-cart .open {
|
||||
display: none;
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:checked + #toggle-cart .close {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 559px) {
|
||||
body[class*="woocommerce"] #page .main-navigation .woocommerce-menu-container {
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
}
|
||||
body[class*="woocommerce"] #page .main-navigation .woocommerce-menu-container a,
|
||||
body[class*="woocommerce"] #page .main-navigation .woocommerce-menu-container a:link,
|
||||
body[class*="woocommerce"] #page .main-navigation .woocommerce-menu-container a:visited {
|
||||
color: currentColor;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
body[class*="woocommerce"] #page .main-navigation > div:not(:last-of-type) {
|
||||
margin-right: 32px;
|
||||
}
|
||||
body[class*="woocommerce"] #page .main-navigation #toggle-cart {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link {
|
||||
display: none;
|
||||
text-decoration: none;
|
||||
line-height: 1;
|
||||
}
|
||||
|
|
@ -766,21 +815,18 @@ body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .svg-ic
|
|||
float: left;
|
||||
height: 0.83333rem;
|
||||
width: 0.83333rem;
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link + .sub-menu {
|
||||
padding: 0 16px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link + .sub-menu {
|
||||
padding: 0;
|
||||
body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
|
||||
max-width: 100%;
|
||||
padding: 8px 0;
|
||||
padding: 16px 0;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
|
|
@ -798,6 +844,11 @@ body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .wooc
|
|||
border-top: 1px solid;
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a:hover,
|
||||
body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a:focus {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a.remove:hover,
|
||||
body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a.remove:focus {
|
||||
text-decoration: none;
|
||||
|
|
@ -1190,6 +1241,18 @@ body[class*="woocommerce"] #page #reviews #comments .commentlist > li::before {
|
|||
content: "";
|
||||
}
|
||||
|
||||
/**
|
||||
* Pagination
|
||||
*/
|
||||
body[class*="woocommerce"] .woocommerce-store-notice,
|
||||
body[class*="woocommerce"] p.demo_store {
|
||||
background-color: #0C80A1;
|
||||
color: white;
|
||||
position: fixed;
|
||||
top: auto;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Structure
|
||||
*/
|
||||
|
|
@ -1269,7 +1332,8 @@ body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:not(:
|
|||
body[class*="woocommerce"] #page .woocommerce-products-header > *:not(:first-child),
|
||||
body[class*="woocommerce"] #page .woocommerce-checkout > *:not(:first-child),
|
||||
body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(:first-child),
|
||||
body[class*="woocommerce"] #page .woocommerce-order-details > *:not(:first-child) {
|
||||
body[class*="woocommerce"] #page .woocommerce-order-details > *:not(:first-child),
|
||||
body[class*="woocommerce"] #page .woocommerce-customer-details > *:not(:first-child) {
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
|
|
@ -1324,7 +1388,9 @@ body[class*="woocommerce"] #page .woocommerce-checkout > .price,
|
|||
body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(:last-child),
|
||||
body[class*="woocommerce"] #page .woocommerce-order-downloads > .price,
|
||||
body[class*="woocommerce"] #page .woocommerce-order-details > *:not(:last-child),
|
||||
body[class*="woocommerce"] #page .woocommerce-order-details > .price {
|
||||
body[class*="woocommerce"] #page .woocommerce-order-details > .price,
|
||||
body[class*="woocommerce"] #page .woocommerce-customer-details > *:not(:last-child),
|
||||
body[class*="woocommerce"] #page .woocommerce-customer-details > .price {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
|
|
@ -1379,7 +1445,9 @@ body[class*="woocommerce"] #page .woocommerce-checkout > .form-row-last,
|
|||
body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(img):empty + *,
|
||||
body[class*="woocommerce"] #page .woocommerce-order-downloads > .form-row-last,
|
||||
body[class*="woocommerce"] #page .woocommerce-order-details > *:not(img):empty + *,
|
||||
body[class*="woocommerce"] #page .woocommerce-order-details > .form-row-last {
|
||||
body[class*="woocommerce"] #page .woocommerce-order-details > .form-row-last,
|
||||
body[class*="woocommerce"] #page .woocommerce-customer-details > *:not(img):empty + *,
|
||||
body[class*="woocommerce"] #page .woocommerce-customer-details > .form-row-last {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1408,7 +1476,8 @@ body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:empty
|
|||
body[class*="woocommerce"] #page .woocommerce-products-header > *:empty,
|
||||
body[class*="woocommerce"] #page .woocommerce-checkout > *:empty,
|
||||
body[class*="woocommerce"] #page .woocommerce-order-downloads > *:empty,
|
||||
body[class*="woocommerce"] #page .woocommerce-order-details > *:empty {
|
||||
body[class*="woocommerce"] #page .woocommerce-order-details > *:empty,
|
||||
body[class*="woocommerce"] #page .woocommerce-customer-details > *:empty {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1699,17 +1768,27 @@ body[class*="woocommerce"] #page .woocommerce-invalid #terms {
|
|||
/**
|
||||
* Account page
|
||||
*/
|
||||
body[class*="woocommerce"] #page .woocommerce-MyAccount-navigation {
|
||||
width: 20%;
|
||||
body[class*="woocommerce"] #page .entry-content .woocommerce-MyAccount-navigation {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-MyAccount-navigation ul li a {
|
||||
body[class*="woocommerce"] #page .entry-content .woocommerce-MyAccount-navigation ul li a {
|
||||
line-height: 1.125;
|
||||
display: inline-table;
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .entry-content .woocommerce-MyAccount-navigation + *:not(:first-child) {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
body[class*="woocommerce"] #page .entry-content .woocommerce-MyAccount-navigation {
|
||||
width: 20%;
|
||||
}
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-MyAccount-content {
|
||||
width: calc(80% - 16px);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .woocommerce-MyAccount-content .woocommerce-notices-wrapper:empty {
|
||||
|
|
@ -1722,6 +1801,12 @@ body[class*="woocommerce"] #page .woocommerce-MyAccount-content fieldset {
|
|||
border-radius: 3px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
body[class*="woocommerce"] #page .woocommerce-MyAccount-content {
|
||||
width: calc(80% - 16px);
|
||||
}
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .addresses .title h3 {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
|
@ -1730,7 +1815,8 @@ body[class*="woocommerce"] #page .addresses .title .edit {
|
|||
line-height: 1;
|
||||
}
|
||||
|
||||
.woocommerce-account .entry-content .woocommerce > h2 {
|
||||
.woocommerce-account .entry-content .woocommerce > h2,
|
||||
body[class*="woocommerce"] #page div[class*="woocommerce"] h2 {
|
||||
font-size: 1.44rem;
|
||||
}
|
||||
|
||||
|
|
@ -1762,11 +1848,6 @@ body[class*="woocommerce"] #page .woocommerce-ordering select {
|
|||
/**
|
||||
* Single Product Page
|
||||
*/
|
||||
.single-product #page #woocommerce-wrapper div.product > .onsale {
|
||||
right: auto;
|
||||
left: -0.5em;
|
||||
}
|
||||
|
||||
.single-product #page #woocommerce-wrapper div.product div.images {
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
|
|
@ -1804,6 +1885,27 @@ body[class*="woocommerce"] #page .woocommerce-ordering select {
|
|||
.single-product #page #woocommerce-wrapper div.product div.summary p.price {
|
||||
color: #222222;
|
||||
font-size: 1.728rem;
|
||||
line-height: 1.125;
|
||||
}
|
||||
|
||||
.single-product #page #woocommerce-wrapper div.product div.summary span.price del,
|
||||
.single-product #page #woocommerce-wrapper div.product div.summary p.price del {
|
||||
color: currentColor;
|
||||
opacity: 0.5;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.single-product #page #woocommerce-wrapper div.product div.summary span.price ins,
|
||||
.single-product #page #woocommerce-wrapper div.product div.summary p.price ins {
|
||||
background: none;
|
||||
font-weight: 700;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.single-product #page #woocommerce-wrapper div.product div.summary span.price .from,
|
||||
.single-product #page #woocommerce-wrapper div.product div.summary p.price .from {
|
||||
font-size: 0.69444rem;
|
||||
color: gold;
|
||||
}
|
||||
|
||||
.single-product #page #woocommerce-wrapper div.product div.summary p.stock {
|
||||
|
|
@ -1822,14 +1924,24 @@ body[class*="woocommerce"] #page .woocommerce-ordering select {
|
|||
margin-top: -32px;
|
||||
}
|
||||
|
||||
.single-product #page #woocommerce-wrapper div.product div.social {
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
|
||||
.single-product #page #woocommerce-wrapper div.product .product_meta > * {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.single-product #page #woocommerce-wrapper div.product > .onsale {
|
||||
right: auto;
|
||||
left: -0.5em;
|
||||
}
|
||||
|
||||
.single-product #page #woocommerce-wrapper div.product.sale div.summary .span.price ins,
|
||||
.single-product #page #woocommerce-wrapper div.product.sale div.summary p.price ins {
|
||||
color: yellowgreen;
|
||||
}
|
||||
|
||||
.single-product #page #woocommerce-wrapper div.product div.social {
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
|
||||
.single-product #page #woocommerce-wrapper div.product .up-sells > h2 {
|
||||
font-size: 1.44rem;
|
||||
}
|
||||
|
|
@ -1913,7 +2025,7 @@ body[class*="woocommerce"] #page ul.product_list_widget li a:not(.remove) {
|
|||
|
||||
body[class*="woocommerce"] #page ul.cart_list li img,
|
||||
body[class*="woocommerce"] #page ul.product_list_widget li img {
|
||||
margin-left: 4px;
|
||||
margin-left: 16px;
|
||||
width: 64px;
|
||||
}
|
||||
|
||||
|
|
@ -1983,3 +2095,34 @@ body[class*="woocommerce"] #page .widget_price_filter .price_slider_wrapper .ui-
|
|||
margin-right: auto;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* WooCommerce Mobile Menu
|
||||
*/
|
||||
body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:focus + #toggle-cart,
|
||||
body[class*="woocommerce"] #page #toggle-cart {
|
||||
background: #0C80A1;
|
||||
color: white;
|
||||
border-radius: 0;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:focus + #toggle-cart:active, body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:focus + #toggle-cart:focus, body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:focus + #toggle-cart:hover,
|
||||
body[class*="woocommerce"] #page #toggle-cart:active,
|
||||
body[class*="woocommerce"] #page #toggle-cart:focus,
|
||||
body[class*="woocommerce"] #page #toggle-cart:hover {
|
||||
background: #085a72;
|
||||
color: white;
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:checked ~ div {
|
||||
border-top: 2px solid white;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:checked ~ div {
|
||||
border-top: 0;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -188,6 +188,84 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
|
|||
* Base
|
||||
* - Reset the browser
|
||||
*/
|
||||
/**
|
||||
* Button Placeholder style
|
||||
* - Since buttons appear in various blocks,
|
||||
* let’s use a placeholder to keep them all
|
||||
* in-sync
|
||||
*/
|
||||
button,
|
||||
.button,
|
||||
input[type="submit"],
|
||||
.wp-block-button__link,
|
||||
.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
|
||||
line-height: 1;
|
||||
color: white;
|
||||
cursor: pointer;
|
||||
font-weight: 700;
|
||||
font-family: "PT Sans", Arial, sans-serif;
|
||||
font-family: var(--font-base, "PT Sans", Arial, sans-serif);
|
||||
font-size: 0.83333rem;
|
||||
background-color: #0C80A1;
|
||||
border-radius: 4px;
|
||||
border-width: 0;
|
||||
padding: 16px 24px;
|
||||
}
|
||||
|
||||
button:before,
|
||||
.button:before,
|
||||
input[type="submit"]:before,
|
||||
.wp-block-button__link:before,
|
||||
.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button:after,
|
||||
.button:after,
|
||||
input[type="submit"]:after,
|
||||
.wp-block-button__link:after,
|
||||
.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
|
||||
content: '';
|
||||
display: block;
|
||||
height: 0;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
button:before,
|
||||
.button:before,
|
||||
input[type="submit"]:before,
|
||||
.wp-block-button__link:before,
|
||||
.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
|
||||
margin-bottom: -0.12em;
|
||||
}
|
||||
|
||||
button:after,
|
||||
.button:after,
|
||||
input[type="submit"]:after,
|
||||
.wp-block-button__link:after,
|
||||
.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
|
||||
margin-top: -0.11em;
|
||||
}
|
||||
|
||||
button:hover,
|
||||
.button:hover,
|
||||
input:hover[type="submit"],
|
||||
.wp-block-button__link:hover,
|
||||
.wp-block-file__button:hover, .a8c-posts-list__view-all:hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:hover, button:focus,
|
||||
.button:focus,
|
||||
input:focus[type="submit"],
|
||||
.wp-block-button__link:focus,
|
||||
.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, button.has-focus,
|
||||
.has-focus.button,
|
||||
input.has-focus[type="submit"],
|
||||
.has-focus.wp-block-button__link,
|
||||
.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
|
||||
color: white;
|
||||
background-color: #085a72;
|
||||
}
|
||||
|
||||
/**
|
||||
* Onsale Placeholder style
|
||||
* - Since buttons appear in various blocks,
|
||||
* let’s use a placeholder to keep them all
|
||||
* in-sync
|
||||
*/
|
||||
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
|
||||
/* Document
|
||||
========================================================================== */
|
||||
|
|
@ -859,7 +937,8 @@ footer {
|
|||
.post-thumbnail > *,
|
||||
.page-content > *,
|
||||
.comment-content > *,
|
||||
.author-bio > * {
|
||||
.author-bio > *,
|
||||
.widget-area > .widget > * {
|
||||
margin-top: 16px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
|
@ -869,7 +948,8 @@ footer {
|
|||
.post-thumbnail > *:first-child,
|
||||
.page-content > *:first-child,
|
||||
.comment-content > *:first-child,
|
||||
.author-bio > *:first-child {
|
||||
.author-bio > *:first-child,
|
||||
.widget-area > .widget > *:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
|
|
@ -878,7 +958,8 @@ footer {
|
|||
.post-thumbnail > *:last-child,
|
||||
.page-content > *:last-child,
|
||||
.comment-content > *:last-child,
|
||||
.author-bio > *:last-child {
|
||||
.author-bio > *:last-child,
|
||||
.widget-area > .widget > *:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
|
|
@ -1069,77 +1150,8 @@ object {
|
|||
}
|
||||
|
||||
/**
|
||||
* Placeholder button style
|
||||
* - Since buttons appear in various blocks,
|
||||
* let’s use a placeholder to keep them all
|
||||
* in-sync
|
||||
* Button
|
||||
*/
|
||||
button,
|
||||
.button,
|
||||
input[type="submit"],
|
||||
.wp-block-button__link,
|
||||
.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
|
||||
line-height: 1;
|
||||
color: white;
|
||||
cursor: pointer;
|
||||
font-weight: 700;
|
||||
font-family: "PT Sans", Arial, sans-serif;
|
||||
font-family: var(--font-base, "PT Sans", Arial, sans-serif);
|
||||
font-size: 0.83333rem;
|
||||
background-color: #0C80A1;
|
||||
border-radius: 4px;
|
||||
border-width: 0;
|
||||
padding: 16px 24px;
|
||||
}
|
||||
|
||||
button:before,
|
||||
.button:before,
|
||||
input[type="submit"]:before,
|
||||
.wp-block-button__link:before,
|
||||
.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button:after,
|
||||
.button:after,
|
||||
input[type="submit"]:after,
|
||||
.wp-block-button__link:after,
|
||||
.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
|
||||
content: '';
|
||||
display: block;
|
||||
height: 0;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
button:before,
|
||||
.button:before,
|
||||
input[type="submit"]:before,
|
||||
.wp-block-button__link:before,
|
||||
.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
|
||||
margin-bottom: -0.12em;
|
||||
}
|
||||
|
||||
button:after,
|
||||
.button:after,
|
||||
input[type="submit"]:after,
|
||||
.wp-block-button__link:after,
|
||||
.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
|
||||
margin-top: -0.11em;
|
||||
}
|
||||
|
||||
button:hover,
|
||||
.button:hover,
|
||||
input:hover[type="submit"],
|
||||
.wp-block-button__link:hover,
|
||||
.wp-block-file__button:hover, .a8c-posts-list__view-all:hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:hover, button:focus,
|
||||
.button:focus,
|
||||
input:focus[type="submit"],
|
||||
.wp-block-button__link:focus,
|
||||
.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, button.has-focus,
|
||||
.has-focus.button,
|
||||
input.has-focus[type="submit"],
|
||||
.has-focus.wp-block-button__link,
|
||||
.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
|
||||
color: white;
|
||||
background-color: #085a72;
|
||||
}
|
||||
|
||||
/**
|
||||
* Block Options
|
||||
*/
|
||||
|
|
@ -2421,7 +2433,7 @@ body:not(.fse-enabled) .site-description {
|
|||
margin: 0;
|
||||
}
|
||||
|
||||
.main-navigation #toggle:checked ~ div {
|
||||
.main-navigation #toggle:checked ~ div:not(.woocommerce-menu-container) {
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
|
@ -2445,7 +2457,7 @@ body:not(.fse-enabled) .site-description {
|
|||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.main-navigation > div {
|
||||
display: block;
|
||||
display: inline-block;
|
||||
}
|
||||
.main-navigation #toggle-menu {
|
||||
display: none;
|
||||
|
|
@ -2831,6 +2843,13 @@ body:not(.fse-enabled) .footer-menu a {
|
|||
.entry-content .more-link {
|
||||
display: block;
|
||||
color: inherit;
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.entry-content .more-link {
|
||||
margin-top: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
.entry-content .more-link:after {
|
||||
|
|
@ -3810,7 +3829,9 @@ hr.wp-block-separator.is-style-wide,
|
|||
* Main Menu
|
||||
*/
|
||||
#site-navigation {
|
||||
background-color: #0C80A1;
|
||||
order: 2;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
|
@ -3820,6 +3841,14 @@ hr.wp-block-separator.is-style-wide,
|
|||
background-color: #085a72;
|
||||
}
|
||||
|
||||
#site-navigation.main-navigation ul {
|
||||
text-align: inherit;
|
||||
}
|
||||
|
||||
#site-navigation.main-navigation ul li {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#site-navigation.main-navigation ul li:first-of-type > a {
|
||||
padding-left: 16px;
|
||||
}
|
||||
|
|
@ -3860,7 +3889,6 @@ hr.wp-block-separator.is-style-wide,
|
|||
}
|
||||
|
||||
#site-navigation.main-navigation .main-menu {
|
||||
background-color: #0C80A1;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue