rayelliott
/
_s
Archived
forked from mirror/_s
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Fix column-width sass mixin.

This commit is contained in:
Tiago Noronha 2017-08-23 17:13:49 +01:00
parent 48ed0b7e11
commit af3353c783
2 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
sass/mixins/_mixins-master.scss
View File

@ -25,5 +25,5 @@
// Column width with margin // Column width with margin
@mixin column-width($numberColumns: 3) { @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 );
} }

16
woocommerce.css
View File

@ -96,15 +96,15 @@ ul.products {
float: none; float: none;
width: 100%; } width: 100%; }
.columns-2 ul.products li.product { .columns-2 ul.products li.product {
width: 48.7333333333%; } width: 48.1%; }
.columns-3 ul.products li.product { .columns-3 ul.products li.product {
width: 30.7966666667%; } width: 30.7966666667%; }
.columns-4 ul.products li.product { .columns-4 ul.products li.product {
width: 21.2%; } width: 22.15%; }
.columns-5 ul.products li.product { .columns-5 ul.products li.product {
width: 14.9333333333%; } width: 16.96%; }
.columns-6 ul.products li.product { .columns-6 ul.products li.product {
width: 10.3266666667%; } } width: 13.4933333333%; } }
/** /**
* Single product * Single product
@ -144,7 +144,7 @@ ul.products {
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img { .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img {
opacity: 1; } opacity: 1; }
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li { .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) { .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n) {
margin-right: 0; } margin-right: 0; }
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n+1) { .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) { .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n+1) {
clear: both; } clear: both; }
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li { .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) { .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n) {
margin-right: 0; } margin-right: 0; }
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) { .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
clear: both; } clear: both; }
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li { .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) { .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n) {
margin-right: 0; } margin-right: 0; }
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n+1) { .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; } margin-right: 0; }
.col2-set .form-row-first, .col2-set .form-row-first,
.col2-set .form-row-last { .col2-set .form-row-last {
width: 48.7333333333%; } } width: 48.1%; } }
/** /**
* General WooCommerce components * General WooCommerce components