Merge pull request 'development' (#30) from development into master

Reviewed-on: #30

styles/css/vtex.flex-layout.css

@@ -43,7 +43,7 @@
   color: #ffffff;
 }
 
-@media screen and (max-width: 1024px) and (min-width: 768px) {
+@media screen and (max-width: 1024px) {
   .flexRowContent {
     display: flex;
     flex-direction: column;

styles/css/vtex.product-identifier.css

@@ -31,7 +31,7 @@
   color: rgba(146, 146, 146, 0.48);
 }
 
-@media screen and (max-width: 1024px) and (min-width: 768px) {
+@media screen and (max-width: 1024px) {
   .product-identifier--productReference {
     justify-content: flex-start;
   }

styles/css/vtex.slider-layout.css

@@ -8,12 +8,6 @@
 /* Media Query M3 */
 @import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap");
 /* Grid breakpoints */
-/*.sliderLayoutContainer {
-  margin: 0 40px 0 40px;
-  .sliderRightArrow {
-    right: 100px;
-  }
-}*/
 .sliderLayoutContainer {
   width: 100%;
   padding: 0 16px 0 16px;

styles/css/vtex.store-components.css

@@ -374,7 +374,7 @@
   text-align: left;
 }
 
-@media screen and (max-width: 1024px) and (min-width: 768px) {
+@media screen and (max-width: 1024px) {
   .container {
     display: flex;
     flex-direction: column;
@@ -385,4 +385,14 @@
   .product-identifier--productReference {
     justify-content: none;
   }
+  :global(.vtex-styleguide-9-x-input) {
+    width: 100%;
+  }
+}
+@media screen and (max-width: 631px) {
+  :global(.vtex-button) {
+    position: relative;
+    bottom: 48px;
+    left: 188px;
+  }
 }

styles/css/vtex.tab-layout.css

@@ -63,7 +63,7 @@
   gap: 32px;
 }
 
-@media screen and (max-width: 1024px) and (min-width: 768px) {
+@media screen and (max-width: 1024px) {
   .listContainer {
     display: flex;
     flex-direction: column;

styles/sass/pages/product/vtex.store-components.scss

@@ -377,4 +377,14 @@
   .product-identifier--productReference {
     justify-content: none;
   }
+  :global(.vtex-styleguide-9-x-input) {
+    width: 100%;
+  }
+}
+@media screen and (max-width: 631px) {
+  :global(.vtex-button) {
+    position: relative;
+    bottom: 48px;
+    left: 188px;
+  }
 }