From ca17d2432ba1989e9ace6afbba7984069e519e98 Mon Sep 17 00:00:00 2001 From: Luiz Felipe Silva Date: Mon, 26 Dec 2022 20:56:07 -0300 Subject: [PATCH] =?UTF-8?q?feat(checkout):=20criado=20e=20modificado=20est?= =?UTF-8?q?iliza=C3=A7=C3=A3o.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../sass/checkout/_checkout-vazio.scss | 100 +++++++++++------- 1 file changed, 63 insertions(+), 37 deletions(-) diff --git a/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss b/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss index 08f74e9..b7b7eab 100644 --- a/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss +++ b/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss @@ -1,38 +1,64 @@ -.empty-cart { - font-family: $font-family; - &-content { - color: $color-black; - text-align: center; - - @include mq(md, max) { - padding: 0 16px; - } - } - - &-title { - font-size: 20px; - } - - &-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; - - &:hover { - background: lighten($color-black, 5); - } - } - } +.checkout-container { + .cart-template { + align-items: center; + flex-direction: column; + justify-content: center; + } +} + +.empty-cart { + &-content { + h2 { + margin-bottom: 32px; + font-family: $font-family; + font-size: 24px; + font-weight: 700; + text-transform: uppercase; + color: $color-black1; + line-height: 0; + text-align: center; + + @include mq(xl, min) { + font-size: 48px; + line-height: 65px; + } + } + + @include mq(md, max) { + padding: 0 16px; + } + } + + &-message { + display: none; + } + + &-title { + font-size: 20px; + } + + &-links { + .link-choose-products { + background: $color-white1; + border: none; + outline: none; + border: 1px solid $color-black2; + border-radius: 0; + color: $color-black2; + padding: 16px 65px; + font-family: $font-family-secundary; + font-size: 14px; + font-weight: 400; + line-height: 16px; + text-align: center; + text-transform: uppercase; + margin-top: 0; + + @include mq(xl, min) { + font-size: 28px; + line-height: 33px; + padding: 16px 121px; + } + } + } } -- 2.34.1