diff --git a/styles/css/vtex.flex-layout.css b/styles/css/vtex.flex-layout.css index 6ca4d50..bd46612 100644 --- a/styles/css/vtex.flex-layout.css +++ b/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; diff --git a/styles/css/vtex.product-identifier.css b/styles/css/vtex.product-identifier.css index 0b08252..9b50324 100644 --- a/styles/css/vtex.product-identifier.css +++ b/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; } diff --git a/styles/css/vtex.slider-layout.css b/styles/css/vtex.slider-layout.css index 20531bb..be4dfc6 100644 --- a/styles/css/vtex.slider-layout.css +++ b/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; diff --git a/styles/css/vtex.store-components.css b/styles/css/vtex.store-components.css index 3141e90..8f38efc 100644 --- a/styles/css/vtex.store-components.css +++ b/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; + } } \ No newline at end of file diff --git a/styles/css/vtex.tab-layout.css b/styles/css/vtex.tab-layout.css index 2150530..2285d0e 100644 --- a/styles/css/vtex.tab-layout.css +++ b/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; diff --git a/styles/sass/pages/product/vtex.store-components.scss b/styles/sass/pages/product/vtex.store-components.scss index 7105201..ca4e786 100644 --- a/styles/sass/pages/product/vtex.store-components.scss +++ b/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; + } }