diff --git a/checkout/src/arquivos/sass/checkout.scss b/checkout/src/arquivos/sass/checkout.scss index 771070c..c533b61 100644 --- a/checkout/src/arquivos/sass/checkout.scss +++ b/checkout/src/arquivos/sass/checkout.scss @@ -3,3 +3,4 @@ @import "./partials/header"; @import "./partials/footer"; @import "./checkout/checkout.scss"; +@import "./partials/prateleira"; diff --git a/checkout/src/arquivos/sass/checkout/_checkout.scss b/checkout/src/arquivos/sass/checkout/_checkout.scss index 5fb011f..a9038c5 100644 --- a/checkout/src/arquivos/sass/checkout/_checkout.scss +++ b/checkout/src/arquivos/sass/checkout/_checkout.scss @@ -3,26 +3,21 @@ @import "./checkout-pagamento"; @import "./checkout-autenticacao"; +.transactions-container { + display: none; +} + html { height: 100%; min-height: 100%; } -footer .footerCheckout__wrapper { - width: 94.9734%; - margin: auto auto 0 auto; -} -footer .footerCheckout__prateleira, -header { - width: 79.53125%; - margin: 0 auto; -} - body { display: flex; flex-direction: column; min-height: 100% !important; padding-top: 0 !important; + overflow-x: hidden; @include mq(md, max) { padding-left: 0; @@ -47,36 +42,49 @@ body { padding-left: 0; } } + .container-order-form, .container-cart { - width: 80%; + width: 83.5%; + + @include mq(xl, min) { + margin: 0 256px; + width: 80%; + } + } + + .container-main { + min-height: max-content; + display: flex; + align-items: center; } } .btn-success { - background: $color-black; + background: $color-black1; text-shadow: none; - - &:hover { - background: lighten($color-black, 15%); - } } .emailInfo h3 { - color: $color-black !important; + color: $color-black1 !important; } #cart-title, #orderform-title { - color: $color-gray2; font-family: $font-family; - font-weight: 500; - font-size: 36px; - line-height: 42px; - margin: 40px 0 30px; - letter-spacing: 0.1em; + font-size: 24px; + font-weight: 700; + line-height: 33px; + letter-spacing: 0.05em; + color: $color-black2; + margin: 17px 0; text-transform: uppercase; + @include mq(xl, min) { + font-size: 48px; + line-height: 65px; + } + @include mq(md, max) { margin-left: 30px; }