woocommerce/assets/css/woocommerce-smallscreen.less

91 lines
1.2 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
*/
#payment {
.terms {
text-align: left;
padding:0;
}
#place_order {
float: none;
width:100%;
.borderbox;
margin-bottom:1em;
}
}
}