From af3353c783e55cf553e5ae42c9cdff226e8c7591 Mon Sep 17 00:00:00 2001
From: Tiago Noronha <hello@tiagonoronha.com>
Date: Wed, 23 Aug 2017 17:13:49 +0100
Subject: [PATCH] Fix column-width sass mixin.

---
 sass/mixins/_mixins-master.scss |  2 +-
 woocommerce.css                 | 16 ++++++++--------
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/sass/mixins/_mixins-master.scss b/sass/mixins/_mixins-master.scss
index ba81d023..cf5d8863 100644
--- a/sass/mixins/_mixins-master.scss
+++ b/sass/mixins/_mixins-master.scss
@@ -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 );
 }
\ No newline at end of file
diff --git a/woocommerce.css b/woocommerce.css
index ef900445..d9aa9c53 100644
--- a/woocommerce.css
+++ b/woocommerce.css
@@ -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