Varia: Set cart icon to middle vertical-alignment.
This commit is contained in:
parent
81f5baa9e8
commit
0f4ea87be8
3 changed files with 6 additions and 9 deletions
|
@ -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) {
|
||||
|
|
|
@ -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) {
|
||||
|
|
|
@ -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) {
|
||||
|
|
Loading…
Reference in a new issue