diff --git a/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss b/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss index 0217e9e..cddb519 100644 --- a/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss +++ b/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss @@ -126,6 +126,9 @@ i::before { fill: #303030; } + .icon-home{ + display: none; + } } a { @@ -141,6 +144,12 @@ padding: 6px 5px 6px 8px; } } + .accordion-toggle{ + padding-left: 0; + .icon-user{ + display: none; + } + } .accordion-heading { .accordion-toggle, .collapsed, .accordion-toggle-active{ .icon-credit-card { @@ -150,10 +159,13 @@ } .accordion-inner { padding: 0; - + .link-change-shipping{ + display: none; + } /* General configurations */ .client-notice { + display: none; color: $color-black; } @@ -291,7 +303,12 @@ } .shp-summary-package { - padding-left: 16px; + padding-left: 0; + font-family: 'Open Sans'; + font-style: normal; + font-weight: 400; + font-size: 12px; + line-height: 16px; } .vtex-omnishipping-1-x-summaryChange { @@ -332,12 +349,50 @@ max-width: none; padding-right: 17px; } + .box-client-info-pf{ + label{ + font-family: 'Open Sans'; + font-style: normal; + font-weight: 400; + font-size: 14px; + line-height: 19px; + color: #7D7D7D; + } + .input-small{ + width: 100%; + height: 42px; + } + .client-last-name{ + padding-left: 42px; + } + .client-phone{ + padding-left: 42px; + } + + } + .client-email{ + label{ + font-family: 'Open Sans'; + font-style: normal; + font-weight: 400; + font-size: 14px; + line-height: 19px; + color: #7D7D7D; + } + .input-xlarge{ + width: 95%; + min-height: 42px; + padding-right: 17px; + } + } + .ship-postalCode{ .input-small{ width: 100%; min-height: 45px; border-radius: 8px; margin-bottom: 10px; } + } small, a{ margin: 0; } diff --git a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss index fc0c155..35a5ac3 100644 --- a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss +++ b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss @@ -31,12 +31,17 @@ .cart-fixed { font-family: $font-family; width: 100%; + border: 1px solid #E5E5E5; + border-bottom: none; + border-radius: 8px; h2 { + padding: 24px 0px 34px 17px; + text-align: left; background: $color-white; border: none; - color: #303030; - font-size: 14px; - font-weight: 500; + color: #292929; + font-size: 16px; + font-weight: 400; } .item-unavailable { @@ -48,7 +53,7 @@ } .cart { - border: 1px solid $color-gray4; + border: none; ul li { border-top: none; @@ -65,6 +70,18 @@ .price { color: #7d7d7d; } + .price{ + font-family: 'Open Sans'; + font-style: normal; + font-weight: 400; + font-size: 12px; + line-height: 16px; + text-align: right; + color: #292929; + } + .shipping-date{ + display: none; + } } } @@ -85,19 +102,31 @@ } #payment-data-submit { - background: $color-black; + font-family: 'Open Sans'; + font-style: normal; + font-weight: 700; + font-size: 14px; + line-height: 19px; + text-align: center; + letter-spacing: 0.05em; + text-transform: uppercase; + background: #298541; border: none; border-radius: 0; color: $color-white; outline: none; + border-radius: 8px; transition: all 0.2s linear; &:hover { - background: lighten($color-black, 5); + background: darken(#298541, 5); } &:active { background: darken($color-black, 5); } + .icon-lock{ + display: none; + } } } @@ -150,6 +179,15 @@ .product-name { padding-right: 0; + font-family: 'Tenor Sans'; + font-style: normal; + font-weight: 400; + font-size: 12px; + line-height: 14px; + color: #000000; + + padding-top: 20px; + @include mq(lg, max) { width: 250px; } @@ -566,13 +604,13 @@ .srp-shipping-current-single { border: 1px solid $color-gray4; - border-radius: 0; + border-radius: 8; color: #303030; margin: 16px 0 0; padding: 4px 12px; svg path { - fill: #d8c8ac; + fill: #00C8FF; } } @@ -753,6 +791,7 @@ tfoot { td.info, td.monetary { + padding-left: 17px; font-style: normal; font-weight: 700; font-size: 18px; diff --git a/checkout/src/arquivos/sass/checkout/_checkout.scss b/checkout/src/arquivos/sass/checkout/_checkout.scss index de4b71d..57229f7 100644 --- a/checkout/src/arquivos/sass/checkout/_checkout.scss +++ b/checkout/src/arquivos/sass/checkout/_checkout.scss @@ -70,13 +70,13 @@ body { #cart-title, #orderform-title { - color: $color-gray2; + color: #292929; font-family: $font-family; - font-weight: 500; - font-size: 36px; - line-height: 42px; + font-weight: 700; + font-size: 24px; + line-height: 32px; margin: 40px 0 30px; - letter-spacing: 0.1em; + letter-spacing: 0.05em; text-transform: uppercase; @include mq(md, max) { diff --git a/checkout/src/arquivos/sass/partials/_footer.scss b/checkout/src/arquivos/sass/partials/_footer.scss index 66f2ace..768d44a 100644 --- a/checkout/src/arquivos/sass/partials/_footer.scss +++ b/checkout/src/arquivos/sass/partials/_footer.scss @@ -47,7 +47,9 @@ text-transform: capitalize; max-width: 40%; - @include mq(md, max) { + @include mq(dt, max) { + display: flex; + order: 2; margin-bottom: 24px; max-width: 100%; } diff --git a/checkout/src/arquivos/sass/utils/_variaveis.scss b/checkout/src/arquivos/sass/utils/_variaveis.scss index f000abe..5a22426 100644 --- a/checkout/src/arquivos/sass/utils/_variaveis.scss +++ b/checkout/src/arquivos/sass/utils/_variaveis.scss @@ -26,7 +26,8 @@ $grid-breakpoints: ( sm: 576px, md: 768px, lg: 992px, - xl: 1200px + xl: 1200px, + dt: 1025px ) !default; $z-index: (