100 lines
1.3 KiB
Plaintext
100 lines
1.3 KiB
Plaintext
/**
|
|
* This stylesheet optimises the default WooCommerce layout when viewed on smaller screens.
|
|
*/
|
|
|
|
@import "mixins";
|
|
|
|
.woocommerce, .woocommerce-page {
|
|
|
|
/**
|
|
* General layout
|
|
*/
|
|
.col2-set {
|
|
.col-1, .col-2 {
|
|
float: none;
|
|
width:100%;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Products
|
|
*/
|
|
ul.products {
|
|
li.product {
|
|
width:48%;
|
|
float: left;
|
|
clear:both;
|
|
margin:0 0 2.992em;
|
|
&:nth-child(2n) {
|
|
float: right;
|
|
clear:none !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Product Details
|
|
*/
|
|
div.product, #content div.product {
|
|
div.images, div.summary {
|
|
float: none;
|
|
width:100%;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Cart
|
|
*/
|
|
table.cart, #content table.cart {
|
|
.product-thumbnail {
|
|
display: none;
|
|
}
|
|
td.actions {
|
|
text-align: left;
|
|
.coupon {
|
|
float:none;
|
|
.clearfix;
|
|
padding-bottom:.5em;
|
|
}
|
|
input, .button, .input-text {
|
|
width:48%;
|
|
.borderbox;
|
|
}
|
|
.input-text + .button, .button.alt {
|
|
float: right;
|
|
}
|
|
}
|
|
}
|
|
.cart-collaterals {
|
|
.cart_totals, .shipping_calculator, .cross-sells {
|
|
width:100%;
|
|
float: none;
|
|
text-align: left;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Checkout
|
|
*/
|
|
&.woocommerce-checkout {
|
|
form.login {
|
|
.form-row {
|
|
width: 100%;
|
|
float: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
#payment {
|
|
.terms {
|
|
text-align: left;
|
|
padding:0;
|
|
}
|
|
#place_order {
|
|
float: none;
|
|
width:100%;
|
|
.borderbox;
|
|
margin-bottom:1em;
|
|
}
|
|
}
|
|
} |