Barnsbury: Cleaning up wc mini-cart config.
This commit is contained in:
parent
e2e28f835d
commit
13c8ed1d6b
3 changed files with 52 additions and 0 deletions
|
@ -4,6 +4,9 @@
|
|||
|
||||
$config-woocommerce: (
|
||||
|
||||
/* Wrapper Width - accepts full, wide, or defuault */
|
||||
"wrapper-width": default,
|
||||
|
||||
/* Tables */
|
||||
"table": (
|
||||
/* Borders */
|
||||
|
@ -41,6 +44,7 @@ $config-woocommerce: (
|
|||
"color": map-deep-get($config-global, "color", "primary", "default"),
|
||||
"background-color": map-deep-get($config-global, "color", "background", "light"),
|
||||
),
|
||||
"width": #{25 * map-deep-get($config-global, "spacing", "unit")},
|
||||
),
|
||||
|
||||
/* Star Rating */
|
||||
|
|
|
@ -827,6 +827,11 @@ body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .wooc
|
|||
border-top: 1px solid #FAFAFA;
|
||||
}
|
||||
|
||||
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;
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__total {
|
||||
text-align: left;
|
||||
}
|
||||
|
@ -882,6 +887,22 @@ body[class*="woocommerce"] #page .main-navigation .woocommerce-mini-cart__total
|
|||
font-size: 1rem;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item > .sub-menu {
|
||||
right: auto;
|
||||
left: 0;
|
||||
}
|
||||
body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
|
||||
max-width: 400px;
|
||||
}
|
||||
body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item:hover > ul:before,
|
||||
body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item.focus > ul:before,
|
||||
body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item.current-menu-item > ul:before {
|
||||
margin-right: auto;
|
||||
margin-left: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
.woocommerce-cart #page .woocommerce-menu-item .sub-menu,
|
||||
.woocommerce-checkout #page .woocommerce-menu-item .sub-menu {
|
||||
display: none;
|
||||
|
@ -1204,6 +1225,9 @@ body[class*="woocommerce"] #page #reviews #comments .commentlist > li::before {
|
|||
/**
|
||||
* Structure
|
||||
*/
|
||||
/**
|
||||
* WooCommerce Wrapper Width
|
||||
*/
|
||||
/**
|
||||
* Vertical Space - 32px
|
||||
*/
|
||||
|
|
|
@ -827,6 +827,11 @@ body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .wooc
|
|||
border-top: 1px solid #FAFAFA;
|
||||
}
|
||||
|
||||
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;
|
||||
}
|
||||
|
||||
body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__total {
|
||||
text-align: right;
|
||||
}
|
||||
|
@ -882,6 +887,22 @@ body[class*="woocommerce"] #page .main-navigation .woocommerce-mini-cart__total
|
|||
font-size: 1rem;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item > .sub-menu {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
|
||||
max-width: 400px;
|
||||
}
|
||||
body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item:hover > ul:before,
|
||||
body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item.focus > ul:before,
|
||||
body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item.current-menu-item > ul:before {
|
||||
margin-left: auto;
|
||||
margin-right: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
.woocommerce-cart #page .woocommerce-menu-item .sub-menu,
|
||||
.woocommerce-checkout #page .woocommerce-menu-item .sub-menu {
|
||||
display: none;
|
||||
|
@ -1204,6 +1225,9 @@ body[class*="woocommerce"] #page #reviews #comments .commentlist > li::before {
|
|||
/**
|
||||
* Structure
|
||||
*/
|
||||
/**
|
||||
* WooCommerce Wrapper Width
|
||||
*/
|
||||
/**
|
||||
* Vertical Space - 32px
|
||||
*/
|
||||
|
|
Loading…
Reference in a new issue