Fix WooCommerce grid between 1000 and 768px to close #249

pixelgrade · May 24, 2021 · 8045b84 · 8045b84
1 parent a3c5862
commit 8045b84
Show file tree

Hide file tree

Showing 5 changed files with 1 addition and 18 deletions.
diff --git a/dist/css/woocommerce/block-editor-rtl.css b/dist/css/woocommerce/block-editor-rtl.css
@@ -174,9 +174,6 @@
   [class][class][class] .wc-block-grid.has-1-columns .wc-block-grid__product {
     margin-right: auto;
     margin-left: auto; }
-  [class][class][class] .wc-block-grid .wc-block-grid__product[class] {
-    flex: 1;
-    max-width: 100%; }
   @media only screen and (min-width: 1000px) {
     [class][class][class] .wc-block-grid.has-2-columns .wc-block-grid__product {
       flex: 1 0 calc(50%);

diff --git a/dist/css/woocommerce/block-editor.css b/dist/css/woocommerce/block-editor.css
@@ -174,9 +174,6 @@
   [class][class][class] .wc-block-grid.has-1-columns .wc-block-grid__product {
     margin-left: auto;
     margin-right: auto; }
-  [class][class][class] .wc-block-grid .wc-block-grid__product[class] {
-    flex: 1;
-    max-width: 100%; }
   @media only screen and (min-width: 1000px) {
     [class][class][class] .wc-block-grid.has-2-columns .wc-block-grid__product {
       flex: 1 0 calc(50%);

diff --git a/dist/css/woocommerce/style-rtl.css b/dist/css/woocommerce/style-rtl.css
@@ -2585,9 +2585,6 @@ ul.order_details[class] {
   [class][class][class] .wc-block-grid.has-1-columns .wc-block-grid__product {
     margin-right: auto;
     margin-left: auto; }
-  [class][class][class] .wc-block-grid .wc-block-grid__product[class] {
-    flex: 1;
-    max-width: 100%; }
   @media only screen and (min-width: 1000px) {
     [class][class][class] .wc-block-grid.has-2-columns .wc-block-grid__product {
       flex: 1 0 calc(50%);

diff --git a/dist/css/woocommerce/style.css b/dist/css/woocommerce/style.css
@@ -2585,9 +2585,6 @@ ul.order_details[class] {
   [class][class][class] .wc-block-grid.has-1-columns .wc-block-grid__product {
     margin-left: auto;
     margin-right: auto; }
-  [class][class][class] .wc-block-grid .wc-block-grid__product[class] {
-    flex: 1;
-    max-width: 100%; }
   @media only screen and (min-width: 1000px) {
     [class][class][class] .wc-block-grid.has-2-columns .wc-block-grid__product {
       flex: 1 0 calc(50%);

diff --git a/src/scss/woocommerce/blocks/_grid.scss b/src/scss/woocommerce/blocks/_grid.scss
@@ -27,12 +27,7 @@
                 margin-right: auto;
             }
         }
-
-        .wc-block-grid__product[class] {
-            flex: 1;
-            max-width: 100%;
-        }
-
+
         @include above(lap) {
             @for $i from 2 to 9 {
                 &.has-#{$i}-columns .wc-block-grid__product {