diff --git a/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss b/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss index 08f74e9..42a2bc0 100644 --- a/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss +++ b/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss @@ -1,38 +1,105 @@ .empty-cart { - font-family: $font-family; - &-content { - color: $color-black; - text-align: center; + font-family: $font-family; + &-content { + margin-top: 170px; + color: $color-black; + text-align: center; - @include mq(md, max) { - padding: 0 16px; - } - } + @include mq(md, max) { + padding: 0 16px; + } + .empty-cart-message { + display: none; + } + } - &-title { - font-size: 20px; - } + &-title { + font-family: "Open Sans"; + font-style: normal; + font-weight: 700; + font-size: 24px; + line-height: 33px; + text-align: center; + text-transform: uppercase; + color: $color-black-000; + margin-bottom: 32px; + @include mq(dt, max) { + font-size: 18px; + line-height: 25px; + text-transform: uppercase; + margin-bottom: 22px; + } + @include mq(tv, min) { + font-weight: 700; + font-size: 48px; + line-height: 65px; + } + } + &-btn { + padding: 250px !important; + } - &-links { - .link-choose-products { - background: $color-black; - border: none; - border-radius: 5px; - transition: ease-in 0.22s all; - outline: none; - font-family: $font-family; - font-style: normal; - font-weight: 500; - font-size: 14px; - line-height: 16px; - text-align: center; - letter-spacing: 0.05em; - color: $color-white; - text-transform: uppercase; + &-links { + .link-choose-products { + background: $white; + transition: ease-in 0.22s all; + outline: none; + font-family: $font-family-secundary; + font-style: normal; + color: $black; + text-align: center; + letter-spacing: 0.05em; + color: $black; + font-size: 0px; + text-transform: uppercase; + border: 1px solid #000000; + border-radius: 0%; + padding: 16px 64px 16px 65px; + height: 16px; + margin: 0; + &::after { + font-family: "Tenor Sans"; + font-style: normal; + font-weight: 400; + font-size: 14px; + line-height: 16px; + text-align: center; + text-transform: uppercase; + content: "Continuar comprando"; + } - &:hover { - background: lighten($color-black, 5); - } - } - } + &:hover { + background: $white; + } + @media screen and (max-width: 354px) { + height: 32px !important; + } + @include mq(dt, max) { + height: 16px; + padding: 16px 26px; + + &::after { + font-family: "Tenor Sans"; + font-style: normal; + font-weight: 400; + font-size: 14px; + line-height: 16px; + text-align: center; + text-transform: uppercase; + } + } + @include mq(tv, min) { + height: 33.52px; + padding: 16px 121px; + &::after { + font-style: normal; + font-weight: 400; + font-size: 28px; + line-height: 33px; + text-align: center; + text-transform: uppercase; + } + } + } + } } diff --git a/checkout/src/arquivos/sass/checkout/_checkout.scss b/checkout/src/arquivos/sass/checkout/_checkout.scss index 5fb011f..31cb12e 100644 --- a/checkout/src/arquivos/sass/checkout/_checkout.scss +++ b/checkout/src/arquivos/sass/checkout/_checkout.scss @@ -9,11 +9,11 @@ html { } footer .footerCheckout__wrapper { - width: 94.9734%; + width: 100%; + // width: 94.9734%; margin: auto auto 0 auto; } -footer .footerCheckout__prateleira, -header { +footer .footerCheckout__prateleira { width: 79.53125%; margin: 0 auto; } @@ -49,37 +49,61 @@ body { } .container-order-form, .container-cart { + //margin-top: 170px; width: 80%; + + @include mq(l, max) { + max-width: 1024px; + width: 100%; + } } } .btn-success { - background: $color-black; + background: $color-black2; + padding: 15px 64px 17px 65px; text-shadow: none; &:hover { - background: lighten($color-black, 15%); + background: lighten($color-black2, 15%); } } .emailInfo h3 { - color: $color-black !important; + color: $color-black2 !important; +} + +#orderform-title { + margin-bottom: 28px !important; } #cart-title, #orderform-title { - color: $color-gray2; + color: $color-black2; font-family: $font-family; - font-weight: 500; - font-size: 36px; - line-height: 42px; - margin: 40px 0 30px; - letter-spacing: 0.1em; + height: 33px; + line-height: 33px; + margin: 17px 0 16px; + font-weight: 700; + font-size: 24px; + letter-spacing: 0.05em; text-transform: uppercase; + @include mq(xxl, min) { + height: 65px; + font-weight: 700; + font-size: 48px; + line-height: 65px; + letter-spacing: 0.05em; + } + @include mq(md, max) { margin-left: 30px; } + + @include mq(l, max) { + margin-left: 16px; + } } .dropdown {