diff --git a/styles/css/vtex.flex-layout.css b/styles/css/vtex.flex-layout.css index 70e2736..da04d40 100644 --- a/styles/css/vtex.flex-layout.css +++ b/styles/css/vtex.flex-layout.css @@ -154,12 +154,14 @@ width: 100% !important; } .flexRowContent--credits .flexRowContent--container-develop { + display: flex; gap: 16px; } .flexRowContent--credits .flexRowContent--container-develop .stretchChildrenWidth { width: 100% !important; } .flexRowContent--credits .flexRowContent--container-develop .flexRowContent--content-vtex-develop { + display: flex; gap: 8px; } .flexRowContent--credits .flexRowContent--container-develop .flexRowContent--content-vtex-develop .stretchChildrenWidth { @@ -174,6 +176,7 @@ color: #FFFFFF; } .flexRowContent--credits .flexRowContent--container-develop .flexRowContent--content-m3-develop { + display: flex; gap: 8px; } .flexRowContent--credits .flexRowContent--container-develop .flexRowContent--content-m3-develop .stretchChildrenWidth { @@ -208,6 +211,10 @@ width: 100%; margin-bottom: 32px; } + .flexRowContent--newsletter-footer :global(.vtex-store-components-3-x-newsletter) :global(.vtex-store-components-3-x-form) :global(.vtex-store-components-3-x-label)::after { + font-size: 16px; + line-height: 22px; + } .flexCol--menu-social-links-and-payments { padding: 16px 0 32px 0; } @@ -220,10 +227,12 @@ width: 192px; justify-content: center; gap: 8px; + padding: 0; } .flexColChild--payment-methods .flexRowContent--wrapper-payments-icons .stretchChildrenWidth { width: 100% !important; height: 29px; + padding: 0; } .flexRowContent--payment-methods { padding-bottom: 0; @@ -247,10 +256,23 @@ align-items: center; gap: 32px; padding: 16px 0 8px 0; - height: 131px; + height: auto; } .flexRowContent--credits .stretchChildrenWidth { width: max-content !important; + padding: 0; + } + .flexRowContent--credits .flexRowContent--container-develop .flexRowContent--content-vtex-develop { + align-items: center; + } + .flexRowContent--credits .flexRowContent--container-develop .flexRowContent--content-vtex-develop .stretchChildrenWidth { + padding: 0; + } + .flexRowContent--credits .flexRowContent--container-develop .flexRowContent--content-m3-develop { + align-items: center; + } + .flexRowContent--credits .flexRowContent--container-develop .flexRowContent--content-m3-develop .stretchChildrenWidth { + padding: 0; } } .flexRowContent--main-header { @@ -269,6 +291,7 @@ .flexRowContent--main-header-mobile { justify-content: space-between; + align-items: center; } .flexRowContent--mobile-header-col { @@ -284,6 +307,7 @@ } .flexRowContent--login-and-cart-container { + display: flex; gap: 40px; } @@ -299,7 +323,7 @@ display: grid; grid-template-columns: 48.824% 1fr; grid-column-gap: 32px; - padding-bottom: 16px; + padding: 16px 0; } .flexRow--container-product-main .flexRowContent--container-product-main .stretchChildrenWidth { padding-right: 0; @@ -440,13 +464,12 @@ } .flexRow--container-description-section-product-pdp { - padding: 0 40px; + padding: 0 32px; } .flexRow--container-description-section-product-pdp .flexRowContent--container-description-section-product-pdp { display: grid; gap: 32px; grid-template-columns: 1fr 1fr; - padding: 0 32px; } .flexRow--container-description-section-product-pdp .flexRowContent--container-description-section-product-pdp .stretchChildrenWidth { width: 100% !important; diff --git a/styles/css/vtex.login.css b/styles/css/vtex.login.css index 7bfe701..5b4df3b 100644 --- a/styles/css/vtex.login.css +++ b/styles/css/vtex.login.css @@ -22,11 +22,11 @@ padding: 0 !important; padding-left: 4px !important; } - -.label { +.container :global(.vtex-button) :global(.vtex-button__label) .label { font-size: 0; padding: 0; + display: block; } -.label::after { +.container :global(.vtex-button) :global(.vtex-button__label) .label::after { content: url("https://agenciamagma.vteximg.com.br/arquivos/loginChallegeVtexT4.svg"); } \ No newline at end of file diff --git a/styles/css/vtex.product-identifier.css b/styles/css/vtex.product-identifier.css index 750205b..bb912a7 100644 --- a/styles/css/vtex.product-identifier.css +++ b/styles/css/vtex.product-identifier.css @@ -10,7 +10,8 @@ .product-identifier--productReference { display: flex; justify-content: flex-end; - margin-bottom: 16px; + margin-bottom: 24px; + margin-top: 8px; } .product-identifier--productReference .product-identifier__label, .product-identifier--productReference .product-identifier__separator { display: none; diff --git a/styles/css/vtex.store-components.css b/styles/css/vtex.store-components.css index f60137b..952423f 100644 --- a/styles/css/vtex.store-components.css +++ b/styles/css/vtex.store-components.css @@ -119,6 +119,9 @@ color: #929292; text-transform: uppercase; } +.skuSelectorContainer .skuSelectorSubcontainer--tamanho { + margin-bottom: 10px; +} .skuSelectorContainer .skuSelectorSubcontainer--tamanho .skuSelectorName { font-size: 0; } @@ -245,6 +248,9 @@ .shippingContainer :global(.vtex-address-form__postalCode) :global(.vtex-address-form__postalCode-forgottenURL) :last-child { color: #000000; text-decoration-line: underline; + font-weight: 400; + font-size: 12px; + line-height: 16px; } .shippingContainer :global(.vtex-address-form__postalCode) :global(.vtex-address-form__postalCode-forgottenURL) :global(.vtex__icon-external-link) { display: none; @@ -284,6 +290,7 @@ padding: 0; margin: 0; width: max-content; + padding-bottom: 1px; } .shippingTable .shippingTableHead { display: table-caption; diff --git a/styles/css/vtex.tab-layout.css b/styles/css/vtex.tab-layout.css index 550e48f..2aaa0ed 100644 --- a/styles/css/vtex.tab-layout.css +++ b/styles/css/vtex.tab-layout.css @@ -68,8 +68,14 @@ border-top: 1px solid #B9B9B9; } .listContainer--container-list-tab-layout-pdp .listItem { - width: max-content; + display: flex; + width: 100%; margin-bottom: 16px; + justify-content: flex-start; + } + .listContainer--container-list-tab-layout-pdp .listItem :global(.vtex-button) { + display: flex; + width: 100%; } .listContainer--container-list-tab-layout-pdp .listItem:first-child { margin-top: 16px; diff --git a/styles/sass/pages/footer/vtex.flex-layout.scss b/styles/sass/pages/footer/vtex.flex-layout.scss index 41c1607..83f50ad 100644 --- a/styles/sass/pages/footer/vtex.flex-layout.scss +++ b/styles/sass/pages/footer/vtex.flex-layout.scss @@ -175,12 +175,14 @@ } .flexRowContent--container-develop{ + display: flex; gap: 16px; .stretchChildrenWidth{ width: 100% !important; } .flexRowContent--content-vtex-develop{ + display: flex; gap: 8px; .stretchChildrenWidth{ width: max-content !important; @@ -198,6 +200,7 @@ } .flexRowContent--content-m3-develop{ + display: flex; gap: 8px; .stretchChildrenWidth{ width: max-content !important; @@ -227,6 +230,7 @@ } @media screen and (max-width: 1026px) { + .flexRowContent--newsletter-footer{ :global(.vtex-store-components-3-x-newsletter){ padding-top: 64px; @@ -238,6 +242,13 @@ :global(.vtex-store-components-3-x-form){ width: 100%; margin-bottom: 32px; + + :global(.vtex-store-components-3-x-label){ + &::after{ + font-size: 16px; + line-height: 22px; + } + } } } } @@ -255,10 +266,12 @@ width: 192px; justify-content: center; gap: 8px; + padding: 0; .stretchChildrenWidth{ width: 100% !important; height: 29px; + padding: 0; } } } @@ -292,10 +305,29 @@ gap: 32px; padding: 16px 0 8px 0; - height: 131px; + height: auto; .stretchChildrenWidth{ width: max-content !important; + padding: 0; + } + + .flexRowContent--container-develop{ + .flexRowContent--content-vtex-develop{ + align-items: center; + + .stretchChildrenWidth{ + padding: 0; + } + } + + .flexRowContent--content-m3-develop{ + align-items: center; + + .stretchChildrenWidth{ + padding: 0; + } + } } } diff --git a/styles/sass/pages/header/vtex.flex-layout.scss b/styles/sass/pages/header/vtex.flex-layout.scss index 2dfa7c6..a75df8f 100644 --- a/styles/sass/pages/header/vtex.flex-layout.scss +++ b/styles/sass/pages/header/vtex.flex-layout.scss @@ -16,6 +16,7 @@ .flexRowContent--main-header-mobile{ justify-content: space-between; +align-items: center; } .flexRowContent--mobile-header-col{ @@ -34,6 +35,7 @@ justify-content: space-between; } .flexRowContent--login-and-cart-container{ + display: flex; gap: 40px; } diff --git a/styles/sass/pages/header/vtex.login.scss b/styles/sass/pages/header/vtex.login.scss index c5f656d..d5bf2b2 100644 --- a/styles/sass/pages/header/vtex.login.scss +++ b/styles/sass/pages/header/vtex.login.scss @@ -13,15 +13,16 @@ :global(.vtex-button__label){ padding: 0 !important; padding-left: 4px !important; + + .label{ + font-size: 0; + padding: 0; + display: block; + + &::after{ + content: url("https://agenciamagma.vteximg.com.br/arquivos/loginChallegeVtexT4.svg"); + } + } } } } - -.label{ - font-size: 0; - padding: 0; - - &::after{ - content: url("https://agenciamagma.vteximg.com.br/arquivos/loginChallegeVtexT4.svg"); - } -} diff --git a/styles/sass/pages/product/vtex.flex-layout.scss b/styles/sass/pages/product/vtex.flex-layout.scss index 0abdd3a..25cb7c4 100644 --- a/styles/sass/pages/product/vtex.flex-layout.scss +++ b/styles/sass/pages/product/vtex.flex-layout.scss @@ -5,7 +5,7 @@ grid-template-columns: 48.824% 1fr; grid-column-gap: 32px; - padding-bottom: 16px; + padding: 16px 0; .stretchChildrenWidth{ padding-right: 0; } @@ -169,12 +169,11 @@ } .flexRow--container-description-section-product-pdp{ - padding: 0 40px; + padding: 0 32px; .flexRowContent--container-description-section-product-pdp{ display: grid; gap: 32px; grid-template-columns: 1fr 1fr; - padding: 0 32px; .stretchChildrenWidth{ width: 100% !important; diff --git a/styles/sass/pages/product/vtex.product-identifier.scss b/styles/sass/pages/product/vtex.product-identifier.scss index eaadd24..5a57a30 100644 --- a/styles/sass/pages/product/vtex.product-identifier.scss +++ b/styles/sass/pages/product/vtex.product-identifier.scss @@ -1,7 +1,8 @@ .product-identifier--productReference{ display: flex; justify-content: flex-end; - margin-bottom: 16px; + margin-bottom: 24px; + margin-top: 8px; .product-identifier__label, .product-identifier__separator{ display: none; diff --git a/styles/sass/pages/product/vtex.store-components.scss b/styles/sass/pages/product/vtex.store-components.scss index 9b7b614..ecc4818 100644 --- a/styles/sass/pages/product/vtex.store-components.scss +++ b/styles/sass/pages/product/vtex.store-components.scss @@ -75,6 +75,7 @@ } .skuSelectorSubcontainer--tamanho{ + margin-bottom: 10px; .skuSelectorName { font-size: 0; &::after{ @@ -226,6 +227,9 @@ :last-child{ color: #000000; text-decoration-line: underline; + font-weight: 400; + font-size: 12px; + line-height: 16px; } :global(.vtex__icon-external-link){ @@ -272,6 +276,7 @@ padding: 0; margin: 0; width: max-content; + padding-bottom: 1px; .shippingTableHead { display: table-caption; diff --git a/styles/sass/pages/product/vtex.tab-layout.scss b/styles/sass/pages/product/vtex.tab-layout.scss index a30da98..733130f 100644 --- a/styles/sass/pages/product/vtex.tab-layout.scss +++ b/styles/sass/pages/product/vtex.tab-layout.scss @@ -73,14 +73,20 @@ .listContainer--container-list-tab-layout-pdp{ flex-direction: column; padding: 0; - // gap: 16px; margin-bottom: 16px; border-top: 1px solid #B9B9B9; .listItem{ - width: max-content; + display: flex; + width: 100%; margin-bottom: 16px; + justify-content: flex-start; + + :global(.vtex-button){ + display: flex; + width: 100%; + } &:first-child{ margin-top: 16px;