Varia: Set cart icon to middle vertical-alignment.

This commit is contained in:
Allan Cole 2019-10-29 16:35:18 -04:00
parent 81f5baa9e8
commit 0f4ea87be8
3 changed files with 6 additions and 9 deletions

View file

@ -17,7 +17,7 @@ body[class*="woocommerce"] #page { // adding #page here to override default wc s
margin: 0;
.svg-icon {
vertical-align: text-top;
vertical-align: middle;
}
}
@ -93,7 +93,7 @@ body[class*="woocommerce"] #page { // adding #page here to override default wc s
float: left;
height: #{map-deep-get($config-header, "main-nav", "font", "size")};
width: #{map-deep-get($config-header, "main-nav", "font", "size")};
vertical-align: top;
vertical-align: middle;
}
@include media(mobile) {

View file

@ -738,7 +738,7 @@ body[class*="woocommerce"] #page .main-navigation #toggle-cart {
}
body[class*="woocommerce"] #page .main-navigation #toggle-cart .svg-icon {
vertical-align: text-top;
vertical-align: middle;
}
body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:checked ~ div {
@ -774,9 +774,6 @@ body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:checked +
}
@media only screen and (min-width: 560px) {
body[class*="woocommerce"] #page .main-navigation {
display: flex;
}
body[class*="woocommerce"] #page .main-navigation > div:not(:last-of-type) {
margin-left: 32px;
}
@ -808,7 +805,7 @@ body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .svg-ic
float: right;
height: 1.2rem;
width: 1.2rem;
vertical-align: top;
vertical-align: middle;
}
@media only screen and (min-width: 560px) {

View file

@ -738,7 +738,7 @@ body[class*="woocommerce"] #page .main-navigation #toggle-cart {
}
body[class*="woocommerce"] #page .main-navigation #toggle-cart .svg-icon {
vertical-align: text-top;
vertical-align: middle;
}
body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:checked ~ div {
@ -805,7 +805,7 @@ body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .svg-ic
float: left;
height: 1.2rem;
width: 1.2rem;
vertical-align: top;
vertical-align: middle;
}
@media only screen and (min-width: 560px) {