diff --git a/styles/css/vtex.breadcrumb.css b/styles/css/vtex.breadcrumb.css index 8e5bb9b..824573a 100644 --- a/styles/css/vtex.breadcrumb.css +++ b/styles/css/vtex.breadcrumb.css @@ -10,6 +10,11 @@ .container { padding: 0 40px 16px; } +@media only screen and (min-width: 1920px) { + .container { + padding: 0 360px 16px; + } +} .container .link { font-size: 14px; line-height: 19px; diff --git a/styles/css/vtex.flex-layout.css b/styles/css/vtex.flex-layout.css index ebf983d..882e979 100644 --- a/styles/css/vtex.flex-layout.css +++ b/styles/css/vtex.flex-layout.css @@ -42,7 +42,7 @@ margin: 0; } } -@media only screen and (max-width: 639px) { +@media only screen and (max-width: 767px) { .flexCol--right-col, .flexCol--info-availability { margin-top: 32px; diff --git a/styles/css/vtex.product-quantity.css b/styles/css/vtex.product-quantity.css index 9f3a13e..88b7865 100644 --- a/styles/css/vtex.product-quantity.css +++ b/styles/css/vtex.product-quantity.css @@ -11,7 +11,7 @@ .quantitySelectorContainer { margin: 0; } -@media only screen and (max-width: 639px) { +@media only screen and (max-width: 767px) { .quantitySelectorContainer { margin-bottom: 10px; } diff --git a/styles/css/vtex.product-summary.css b/styles/css/vtex.product-summary.css index 6c48321..06b278d 100644 --- a/styles/css/vtex.product-summary.css +++ b/styles/css/vtex.product-summary.css @@ -20,7 +20,7 @@ padding: 0 6px; } } -@media only screen and (max-width: 639px) { +@media only screen and (max-width: 767px) { .container .element { padding: 0 4px; } diff --git a/styles/css/vtex.rich-text.css b/styles/css/vtex.rich-text.css index 9ef91cd..718a4e2 100644 --- a/styles/css/vtex.rich-text.css +++ b/styles/css/vtex.rich-text.css @@ -21,7 +21,7 @@ margin-bottom: 24px; } } -@media only screen and (max-width: 639px) { +@media only screen and (max-width: 767px) { .container--see-also .headingLevel4 { margin-bottom: 16px; padding: 0 40px; diff --git a/styles/css/vtex.slider-layout.css b/styles/css/vtex.slider-layout.css index b056f1a..018fdb6 100644 --- a/styles/css/vtex.slider-layout.css +++ b/styles/css/vtex.slider-layout.css @@ -20,7 +20,7 @@ padding: 0 57.2px 105px; } } -@media only screen and (max-width: 639px) { +@media only screen and (max-width: 767px) { .sliderLayoutContainer--carousel { padding: 0 55.2px 65px; } @@ -65,7 +65,7 @@ gap: 12px; align-items: center; } -@media only screen and (max-width: 639px) { +@media only screen and (max-width: 767px) { .sliderLayoutContainer--carousel .paginationDotsContainer { bottom: 32px; } diff --git a/styles/css/vtex.store-components.css b/styles/css/vtex.store-components.css index 7368c5f..69e3ffd 100644 --- a/styles/css/vtex.store-components.css +++ b/styles/css/vtex.store-components.css @@ -165,7 +165,7 @@ width: 43.33%; } } -@media only screen and (max-width: 639px) { +@media only screen and (max-width: 767px) { .shippingContainer { width: 100%; } @@ -175,7 +175,7 @@ display: flex; gap: 32px; } -@media only screen and (max-width: 639px) { +@media only screen and (max-width: 767px) { .shippingContainer :global(.vtex-address-form__postalCode) { flex-direction: column; gap: 8px; @@ -232,7 +232,7 @@ line-height: 16px; text-decoration-line: underline; } -@media only screen and (max-width: 639px) { +@media only screen and (max-width: 767px) { .shippingContainer :global(.vtex-address-form__postalCode-forgottenURL) { padding: 0; justify-content: flex-end; @@ -258,7 +258,7 @@ width: 34.54%; } } -@media only screen and (max-width: 639px) { +@media only screen and (max-width: 767px) { .shippingTable { width: 100%; } diff --git a/styles/sass/partials/breadcrumb/vtex.breadcrumb.scss b/styles/sass/partials/breadcrumb/vtex.breadcrumb.scss index 262ede6..65b5e6a 100644 --- a/styles/sass/partials/breadcrumb/vtex.breadcrumb.scss +++ b/styles/sass/partials/breadcrumb/vtex.breadcrumb.scss @@ -1,6 +1,10 @@ .container { padding: 0 40px 16px; + @include mq(xl, min) { + padding: 0 360px 16px; + } + .link { font-size: 14px; line-height: 19px;