84 lines
3.1 KiB
CSS
84 lines
3.1 KiB
CSS
/**
|
|
* Legacy WooCommerce Styles
|
|
*
|
|
* @todo Remove in Storefront 2.4
|
|
*/
|
|
/**
|
|
* Imports
|
|
*/
|
|
@media (min-width: 768px) {
|
|
/**
|
|
* Full width content area product layout
|
|
*/
|
|
.page-template-template-fullwidth-php .site-main .columns-1 ul.products li.product,
|
|
.page-template-template-homepage-php .site-main .columns-1 ul.products li.product,
|
|
.storefront-full-width-content .site-main .columns-1 ul.products li.product {
|
|
width: 100%;
|
|
margin-right: 0;
|
|
float: none; }
|
|
.page-template-template-fullwidth-php .site-main .columns-2 ul.products li.product,
|
|
.page-template-template-homepage-php .site-main .columns-2 ul.products li.product,
|
|
.storefront-full-width-content .site-main .columns-2 ul.products li.product {
|
|
width: 47.8260869565%;
|
|
float: left;
|
|
margin-right: 4.347826087%; }
|
|
.page-template-template-fullwidth-php .site-main .columns-3 ul.products li.product,
|
|
.page-template-template-homepage-php .site-main .columns-3 ul.products li.product,
|
|
.storefront-full-width-content .site-main .columns-3 ul.products li.product {
|
|
width: 30.4347826087%;
|
|
float: left;
|
|
margin-right: 4.347826087%; }
|
|
.page-template-template-fullwidth-php .site-main .columns-4 ul.products li.product,
|
|
.page-template-template-homepage-php .site-main .columns-4 ul.products li.product,
|
|
.storefront-full-width-content .site-main .columns-4 ul.products li.product {
|
|
width: 21.7391304348%;
|
|
float: left;
|
|
margin-right: 4.347826087%; }
|
|
.page-template-template-fullwidth-php .site-main .columns-5 ul.products li.product,
|
|
.page-template-template-homepage-php .site-main .columns-5 ul.products li.product,
|
|
.storefront-full-width-content .site-main .columns-5 ul.products li.product {
|
|
width: 16.9%;
|
|
margin-right: 3.8%; }
|
|
.page-template-template-fullwidth-php .site-main .columns-6 ul.products li.product,
|
|
.page-template-template-homepage-php .site-main .columns-6 ul.products li.product,
|
|
.storefront-full-width-content .site-main .columns-6 ul.products li.product {
|
|
width: 13.0434782609%;
|
|
float: left;
|
|
margin-right: 4.347826087%; }
|
|
/**
|
|
* Main content area (adjacent to sidebar) product layout
|
|
*/
|
|
.site-main .columns-1 ul.products li.product {
|
|
width: 100%;
|
|
margin-right: 0;
|
|
float: none; }
|
|
.site-main .columns-2 ul.products li.product {
|
|
width: 48%;
|
|
margin-right: 3.8%; }
|
|
.site-main .columns-3 ul.products li.product {
|
|
width: 29.4117647059%;
|
|
float: left;
|
|
margin-right: 5.8823529412%; }
|
|
.site-main .columns-4 ul.products li.product {
|
|
width: 22.05%;
|
|
margin-right: 3.8%; }
|
|
.site-main .columns-5 ul.products li.product {
|
|
width: 16.9%;
|
|
margin-right: 3.8%; }
|
|
.site-main .columns-6 ul.products li.product {
|
|
width: 11.7647058824%;
|
|
float: left;
|
|
margin-right: 5.8823529412%; }
|
|
.site-main ul.products li.product {
|
|
width: 29.4117647059%;
|
|
float: left;
|
|
margin-right: 5.8823529412%; }
|
|
/**
|
|
* Full width single product
|
|
*/
|
|
.storefront-full-width-content.single-product .related ul.products li.product,
|
|
.storefront-full-width-content.single-product .upsells ul.products li.product {
|
|
width: 30.4347826087%;
|
|
float: left;
|
|
margin-right: 4.347826087%; } }
|