Leven: Updating WC styles to work with menu refeactor in #1578.
This commit is contained in:
Allan Cole
parent
e62e2e1d20
commit
88eb0c4f63
5 changed files with 438 additions and 101 deletions
|
|
@ -39,3 +39,35 @@
|
|||
* WooCommerce Styles
|
||||
*/
|
||||
@import "../../varia/sass/vendors/woocommerce/style";
|
||||
|
||||
// Fix margins and positioning in menu
|
||||
body[class*="woocommerce"] #page .main-navigation {
|
||||
|
||||
#toggle-menu {
|
||||
position: inherit;
|
||||
top: inherit;
|
||||
right: inherit;
|
||||
}
|
||||
|
||||
.woocommerce-menu-container .cart_list a,
|
||||
.woocommerce-menu-container .cart_list a:link,
|
||||
.woocommerce-menu-container .cart_list a:visited {
|
||||
color: map-deep-get($config-global, "color", "secondary", "default");
|
||||
}
|
||||
|
||||
@include media(mobile) {
|
||||
text-align: right;
|
||||
|
||||
& > div {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
& > div:not(:last-of-type) {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
& > div:last-of-type {
|
||||
margin-left: (2 * map-deep-get($config-global, "spacing", "unit"));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@ License: GNU General Public License v2 or later
|
|||
License URI: LICENSE
|
||||
Template: varia
|
||||
Text Domain: leven
|
||||
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, auto-loading-homepage, a8c-global-styles
|
||||
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, auto-loading-homepage, jetpack-global-styles
|
||||
|
||||
This theme, like WordPress, is licensed under the GPL.
|
||||
Use it to make something cool, have fun, and share what you've learned with others.
|
||||
|
|
@ -2417,7 +2417,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;
|
||||
}
|
||||
|
||||
|
|
@ -2441,7 +2441,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;
|
||||
|
|
@ -2473,11 +2473,6 @@ body:not(.fse-enabled) .site-description {
|
|||
z-index: 1;
|
||||
}
|
||||
|
||||
.main-navigation > div > ul li:hover, .main-navigation > div > ul li[focus-within] {
|
||||
cursor: pointer;
|
||||
z-index: 99999;
|
||||
}
|
||||
|
||||
.main-navigation > div > ul li:hover, .main-navigation > div > ul li:focus-within {
|
||||
cursor: pointer;
|
||||
z-index: 99999;
|
||||
|
|
@ -2490,14 +2485,6 @@ body:not(.fse-enabled) .site-description {
|
|||
/* Submenu display */
|
||||
}
|
||||
.main-navigation > div > ul li:hover > ul,
|
||||
.main-navigation > div > ul li[focus-within] > ul,
|
||||
.main-navigation > div > ul li ul:hover,
|
||||
.main-navigation > div > ul li ul:focus {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
display: block;
|
||||
}
|
||||
.main-navigation > div > ul li:hover > ul,
|
||||
.main-navigation > div > ul li:focus-within > ul,
|
||||
.main-navigation > div > ul li ul:hover,
|
||||
.main-navigation > div > ul li ul:focus {
|
||||
|
|
@ -2827,6 +2814,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 {
|
||||
|
|
@ -3019,16 +3013,11 @@ body:not(.fse-enabled) .footer-menu a {
|
|||
margin-left: calc( $avatar-size + (0.5 * 16px));
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.comment-meta {
|
||||
margin-left: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
.comment-meta .comment-author {
|
||||
line-height: 1.125;
|
||||
margin-bottom: 4px;
|
||||
padding-left: 40px;
|
||||
max-width: calc(100% - 48px);
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
|
|
@ -3040,21 +3029,18 @@ body:not(.fse-enabled) .footer-menu a {
|
|||
}
|
||||
}
|
||||
|
||||
.comment-meta .comment-author .fn {
|
||||
word-wrap: break-word;
|
||||
word-break: break-word;
|
||||
hyphens: auto;
|
||||
}
|
||||
|
||||
.comment-meta .comment-author .avatar {
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.comment-meta .comment-author .avatar {
|
||||
margin-left: 16px;
|
||||
display: inherit;
|
||||
position: inherit;
|
||||
left: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
.comment-meta .comment-metadata {
|
||||
color: #444444;
|
||||
padding-left: 40px;
|
||||
|
|
@ -3076,10 +3062,29 @@ body:not(.fse-enabled) .footer-menu a {
|
|||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.comment-meta {
|
||||
margin-left: inherit;
|
||||
align-items: center;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.comment-meta .comment-author {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
max-width: inherit;
|
||||
flex: 0 1 auto;
|
||||
}
|
||||
.comment-meta .comment-author .fn {
|
||||
padding-left: 16px;
|
||||
}
|
||||
.comment-meta .comment-author .avatar {
|
||||
margin-left: 16px;
|
||||
display: inherit;
|
||||
position: inherit;
|
||||
left: inherit;
|
||||
}
|
||||
.comment-meta .comment-metadata {
|
||||
flex: 0 1 auto;
|
||||
}
|
||||
}
|
||||
|
||||
.comment-metadata,
|
||||
|
|
|
|||
|
|
@ -772,7 +772,58 @@ 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: #eea01a;
|
||||
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 {
|
||||
background-color: #f7f7f6;
|
||||
color: #444444;
|
||||
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;
|
||||
}
|
||||
|
|
@ -794,15 +845,12 @@ body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .svg-ic
|
|||
float: right;
|
||||
height: 1rem;
|
||||
width: 1rem;
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link + .sub-menu {
|
||||
padding: 0 8px;
|
||||
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;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -810,7 +858,7 @@ body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
|
|||
background-color: #f7f7f6;
|
||||
color: #444444;
|
||||
max-width: 100%;
|
||||
padding: 4px 0;
|
||||
padding: 8px 0;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
|
|
@ -828,6 +876,11 @@ body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .wooc
|
|||
border-top: 1px solid #AAAAAA;
|
||||
}
|
||||
|
||||
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;
|
||||
|
|
@ -1223,6 +1276,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: #ff302c;
|
||||
color: #f7f7f6;
|
||||
position: fixed;
|
||||
top: auto;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Structure
|
||||
*/
|
||||
|
|
@ -1302,7 +1367,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;
|
||||
}
|
||||
|
||||
|
|
@ -1357,7 +1423,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;
|
||||
}
|
||||
|
||||
|
|
@ -1412,7 +1480,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;
|
||||
}
|
||||
|
||||
|
|
@ -1441,7 +1511,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;
|
||||
}
|
||||
|
||||
|
|
@ -1732,17 +1803,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 {
|
||||
|
|
@ -1755,6 +1836,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;
|
||||
}
|
||||
|
|
@ -1763,7 +1850,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.47016rem;
|
||||
}
|
||||
|
||||
|
|
@ -1795,11 +1883,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;
|
||||
}
|
||||
|
|
@ -1837,6 +1920,27 @@ body[class*="woocommerce"] #page .woocommerce-ordering select {
|
|||
.single-product #page #woocommerce-wrapper div.product div.summary p.price {
|
||||
color: #111111;
|
||||
font-size: 1.78256rem;
|
||||
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.6802rem;
|
||||
color: #eea01a;
|
||||
}
|
||||
|
||||
.single-product #page #woocommerce-wrapper div.product div.summary p.stock {
|
||||
|
|
@ -1855,14 +1959,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: #188304;
|
||||
}
|
||||
|
||||
.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.47016rem;
|
||||
}
|
||||
|
|
@ -1946,7 +2060,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;
|
||||
}
|
||||
|
||||
|
|
@ -2016,3 +2130,30 @@ body[class*="woocommerce"] #page .widget_price_filter .price_slider_wrapper .ui-
|
|||
margin-left: auto;
|
||||
}
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .main-navigation #toggle-menu {
|
||||
position: inherit;
|
||||
top: inherit;
|
||||
left: inherit;
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .main-navigation .woocommerce-menu-container .cart_list a,
|
||||
body[class*="woocommerce"] #page .main-navigation .woocommerce-menu-container .cart_list a:link,
|
||||
body[class*="woocommerce"] #page .main-navigation .woocommerce-menu-container .cart_list a:visited {
|
||||
color: #1285ce;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
body[class*="woocommerce"] #page .main-navigation {
|
||||
text-align: left;
|
||||
}
|
||||
body[class*="woocommerce"] #page .main-navigation > div {
|
||||
text-align: right;
|
||||
}
|
||||
body[class*="woocommerce"] #page .main-navigation > div:not(:last-of-type) {
|
||||
margin-left: 0;
|
||||
}
|
||||
body[class*="woocommerce"] #page .main-navigation > div:last-of-type {
|
||||
margin-right: 32px;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -772,7 +772,58 @@ 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: #eea01a;
|
||||
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 {
|
||||
background-color: #f7f7f6;
|
||||
color: #444444;
|
||||
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;
|
||||
}
|
||||
|
|
@ -794,15 +845,12 @@ body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .svg-ic
|
|||
float: left;
|
||||
height: 1rem;
|
||||
width: 1rem;
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link + .sub-menu {
|
||||
padding: 0 8px;
|
||||
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;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -810,7 +858,7 @@ body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
|
|||
background-color: #f7f7f6;
|
||||
color: #444444;
|
||||
max-width: 100%;
|
||||
padding: 4px 0;
|
||||
padding: 8px 0;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
|
|
@ -828,6 +876,11 @@ body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .wooc
|
|||
border-top: 1px solid #AAAAAA;
|
||||
}
|
||||
|
||||
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;
|
||||
|
|
@ -1223,6 +1276,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: #ff302c;
|
||||
color: #f7f7f6;
|
||||
position: fixed;
|
||||
top: auto;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Structure
|
||||
*/
|
||||
|
|
@ -1302,7 +1367,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;
|
||||
}
|
||||
|
||||
|
|
@ -1357,7 +1423,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;
|
||||
}
|
||||
|
||||
|
|
@ -1412,7 +1480,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;
|
||||
}
|
||||
|
||||
|
|
@ -1441,7 +1511,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;
|
||||
}
|
||||
|
||||
|
|
@ -1732,17 +1803,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 {
|
||||
|
|
@ -1755,6 +1836,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;
|
||||
}
|
||||
|
|
@ -1763,7 +1850,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.47016rem;
|
||||
}
|
||||
|
||||
|
|
@ -1795,11 +1883,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;
|
||||
}
|
||||
|
|
@ -1837,6 +1920,27 @@ body[class*="woocommerce"] #page .woocommerce-ordering select {
|
|||
.single-product #page #woocommerce-wrapper div.product div.summary p.price {
|
||||
color: #111111;
|
||||
font-size: 1.78256rem;
|
||||
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.6802rem;
|
||||
color: #eea01a;
|
||||
}
|
||||
|
||||
.single-product #page #woocommerce-wrapper div.product div.summary p.stock {
|
||||
|
|
@ -1855,14 +1959,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: #188304;
|
||||
}
|
||||
|
||||
.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.47016rem;
|
||||
}
|
||||
|
|
@ -1946,7 +2060,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;
|
||||
}
|
||||
|
||||
|
|
@ -2016,3 +2130,30 @@ body[class*="woocommerce"] #page .widget_price_filter .price_slider_wrapper .ui-
|
|||
margin-right: auto;
|
||||
}
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .main-navigation #toggle-menu {
|
||||
position: inherit;
|
||||
top: inherit;
|
||||
right: inherit;
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .main-navigation .woocommerce-menu-container .cart_list a,
|
||||
body[class*="woocommerce"] #page .main-navigation .woocommerce-menu-container .cart_list a:link,
|
||||
body[class*="woocommerce"] #page .main-navigation .woocommerce-menu-container .cart_list a:visited {
|
||||
color: #1285ce;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
body[class*="woocommerce"] #page .main-navigation {
|
||||
text-align: right;
|
||||
}
|
||||
body[class*="woocommerce"] #page .main-navigation > div {
|
||||
text-align: left;
|
||||
}
|
||||
body[class*="woocommerce"] #page .main-navigation > div:not(:last-of-type) {
|
||||
margin-right: 0;
|
||||
}
|
||||
body[class*="woocommerce"] #page .main-navigation > div:last-of-type {
|
||||
margin-left: 32px;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@ License: GNU General Public License v2 or later
|
|||
License URI: LICENSE
|
||||
Template: varia
|
||||
Text Domain: leven
|
||||
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, auto-loading-homepage, a8c-global-styles
|
||||
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, auto-loading-homepage, jetpack-global-styles
|
||||
|
||||
This theme, like WordPress, is licensed under the GPL.
|
||||
Use it to make something cool, have fun, and share what you've learned with others.
|
||||
|
|
@ -2434,7 +2434,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;
|
||||
}
|
||||
|
||||
|
|
@ -2458,7 +2458,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;
|
||||
|
|
@ -2844,6 +2844,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 {
|
||||
|
|
@ -3036,16 +3043,11 @@ body:not(.fse-enabled) .footer-menu a {
|
|||
margin-right: calc( $avatar-size + (0.5 * 16px));
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.comment-meta {
|
||||
margin-right: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
.comment-meta .comment-author {
|
||||
line-height: 1.125;
|
||||
margin-bottom: 4px;
|
||||
padding-right: 40px;
|
||||
max-width: calc(100% - 48px);
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
|
|
@ -3057,21 +3059,18 @@ body:not(.fse-enabled) .footer-menu a {
|
|||
}
|
||||
}
|
||||
|
||||
.comment-meta .comment-author .fn {
|
||||
word-wrap: break-word;
|
||||
word-break: break-word;
|
||||
hyphens: auto;
|
||||
}
|
||||
|
||||
.comment-meta .comment-author .avatar {
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.comment-meta .comment-author .avatar {
|
||||
margin-right: 16px;
|
||||
display: inherit;
|
||||
position: inherit;
|
||||
right: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
.comment-meta .comment-metadata {
|
||||
color: #444444;
|
||||
padding-right: 40px;
|
||||
|
|
@ -3093,10 +3092,29 @@ body:not(.fse-enabled) .footer-menu a {
|
|||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.comment-meta {
|
||||
margin-right: inherit;
|
||||
align-items: center;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.comment-meta .comment-author {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
max-width: inherit;
|
||||
flex: 0 1 auto;
|
||||
}
|
||||
.comment-meta .comment-author .fn {
|
||||
padding-right: 16px;
|
||||
}
|
||||
.comment-meta .comment-author .avatar {
|
||||
margin-right: 16px;
|
||||
display: inherit;
|
||||
position: inherit;
|
||||
right: inherit;
|
||||
}
|
||||
.comment-meta .comment-metadata {
|
||||
flex: 0 1 auto;
|
||||
}
|
||||
}
|
||||
|
||||
.comment-metadata,
|
||||
|
|
|
|||
Loading…
Reference in a new issue