forked from mirror/_s
Fix column-width sass mixin.
This commit is contained in:
parent
48ed0b7e11
commit
af3353c783
|
@ -25,5 +25,5 @@
|
|||
|
||||
// Column width with margin
|
||||
@mixin column-width($numberColumns: 3) {
|
||||
width: map-get( $columns, $numberColumns ) - ( ( $columns__margin * ( $numberColumns - 1 ) ) / 3 );
|
||||
width: map-get( $columns, $numberColumns ) - ( ( $columns__margin * ( $numberColumns - 1 ) ) / $numberColumns );
|
||||
}
|
|
@ -96,15 +96,15 @@ ul.products {
|
|||
float: none;
|
||||
width: 100%; }
|
||||
.columns-2 ul.products li.product {
|
||||
width: 48.7333333333%; }
|
||||
width: 48.1%; }
|
||||
.columns-3 ul.products li.product {
|
||||
width: 30.7966666667%; }
|
||||
.columns-4 ul.products li.product {
|
||||
width: 21.2%; }
|
||||
width: 22.15%; }
|
||||
.columns-5 ul.products li.product {
|
||||
width: 14.9333333333%; }
|
||||
width: 16.96%; }
|
||||
.columns-6 ul.products li.product {
|
||||
width: 10.3266666667%; } }
|
||||
width: 13.4933333333%; } }
|
||||
|
||||
/**
|
||||
* Single product
|
||||
|
@ -144,7 +144,7 @@ ul.products {
|
|||
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img {
|
||||
opacity: 1; }
|
||||
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li {
|
||||
width: 48.7333333333%; }
|
||||
width: 48.1%; }
|
||||
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n) {
|
||||
margin-right: 0; }
|
||||
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n+1) {
|
||||
|
@ -156,13 +156,13 @@ ul.products {
|
|||
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n+1) {
|
||||
clear: both; }
|
||||
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
|
||||
width: 21.2%; }
|
||||
width: 22.15%; }
|
||||
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n) {
|
||||
margin-right: 0; }
|
||||
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
|
||||
clear: both; }
|
||||
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
|
||||
width: 14.9333333333%; }
|
||||
width: 16.96%; }
|
||||
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n) {
|
||||
margin-right: 0; }
|
||||
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n+1) {
|
||||
|
@ -192,7 +192,7 @@ ul.products {
|
|||
margin-right: 0; }
|
||||
.col2-set .form-row-first,
|
||||
.col2-set .form-row-last {
|
||||
width: 48.7333333333%; } }
|
||||
width: 48.1%; } }
|
||||
|
||||
/**
|
||||
* General WooCommerce components
|
||||
|
|
Reference in New Issue