Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

64
assets/css/twenty-twenty.scss
View File

@ -932,7 +932,8 @@ a.reset_variations {
display: flex;
flex-direction: column;
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 {
.chosen {
@ -1308,7 +1313,6 @@ a.reset_variations {
button[name="update_cart"] {
background: #fff;
color: #000;
width: calc(50% - 100px);
}
}
@ -1541,7 +1545,7 @@ a.reset_variations {
margin: 1.42em 0;
label {
font-weight: 300;
font-weight: 400;
cursor: pointer;
span {
@ -2077,7 +2081,7 @@ a.reset_variations {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
align-items: flex-start;
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) {
#site-content {
@ -2243,7 +2283,7 @@ ul.wc-block-grid__products {
ul.products {
display: flex;
flex-direction: column;
align-items: center;
align-items: flex-start;
li.product {
margin-bottom: 5em;
@ -2263,13 +2303,6 @@ ul.wc-block-grid__products {
.woocommerce-ordering {
margin-bottom: 3rem;
}
ul.products[class*=columns-] {
li.product {
width: 100%;
}
}
}
.woocommerce-cart-form {
@ -2482,13 +2515,6 @@ ul.wc-block-grid__products {
}
}
/**
* Checkout
*/
#ship-to-different-address {
display: block;
}
/**
* Layout stuff
*/