Addressed feedback from designers.

This commit is contained in:
Peter Fabian 2019-11-27 12:14:48 +01:00
parent f50d8ffdd1
commit a20c786661
1 changed files with 45 additions and 19 deletions

View File

@ -932,7 +932,8 @@ a.reset_variations {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: flex-start;
width: 29.5%;
} }
} }
} }
@ -992,6 +993,10 @@ a.reset_variations {
} }
} }
.woocommerce-shopping-totals {
vertical-align: text-top;
}
.widget_layered_nav { .widget_layered_nav {
.chosen { .chosen {
@ -1308,7 +1313,6 @@ a.reset_variations {
button[name="update_cart"] { button[name="update_cart"] {
background: #fff; background: #fff;
color: #000; color: #000;
width: calc(50% - 100px);
} }
} }
@ -1541,7 +1545,7 @@ a.reset_variations {
margin: 1.42em 0; margin: 1.42em 0;
label { label {
font-weight: 300; font-weight: 400;
cursor: pointer; cursor: pointer;
span { span {
@ -2077,7 +2081,7 @@ a.reset_variations {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: flex-start;
margin-bottom: 5em; margin-bottom: 5em;
} }
@ -2144,6 +2148,42 @@ ul.wc-block-grid__products {
} }
} }
@media only screen and (max-width: 667px) {
.woocommerce,
.woocommerce-page {
ul.products[class*=columns-] {
li.product {
width: 100%;
}
}
}
}
@media only screen and (min-width: 668px) and (max-width: 768px) {
.woocommerce,
.woocommerce-page {
ul.products[class*=columns-] {
li.product {
width: 50%;
}
li.product:nth-of-type(2n+1) {
padding: 0 2vw 3em 0;
}
li.product:nth-of-type(2n) {
padding: 0 0 3em 2vw;
}
}
}
}
@media only screen and (max-width: 768px) { @media only screen and (max-width: 768px) {
#site-content { #site-content {
@ -2243,7 +2283,7 @@ ul.wc-block-grid__products {
ul.products { ul.products {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: flex-start;
li.product { li.product {
margin-bottom: 5em; margin-bottom: 5em;
@ -2263,13 +2303,6 @@ ul.wc-block-grid__products {
.woocommerce-ordering { .woocommerce-ordering {
margin-bottom: 3rem; margin-bottom: 3rem;
} }
ul.products[class*=columns-] {
li.product {
width: 100%;
}
}
} }
.woocommerce-cart-form { .woocommerce-cart-form {
@ -2482,13 +2515,6 @@ ul.wc-block-grid__products {
} }
} }
/**
* Checkout
*/
#ship-to-different-address {
display: block;
}
/** /**
* Layout stuff * Layout stuff
*/ */