From 70fab83cf2bc932751ee1debcc1cd4ec4fd06616 Mon Sep 17 00:00:00 2001 From: Emerson Fully <63175980+emersonfully@users.noreply.github.com> Date: Mon, 26 Dec 2022 21:59:21 -0300 Subject: [PATCH] Ajustes de layout e sintaxe --- .../sass/checkout/_checkout-autenticacao.scss | 4 +- .../sass/checkout/_checkout-carrinho.scss | 48 ++++++++++++++----- .../sass/checkout/_checkout-vazio.scss | 2 +- .../src/arquivos/sass/partials/_header.scss | 12 ++--- .../arquivos/sass/partials/_prateleira.scss | 4 +- 5 files changed, 46 insertions(+), 24 deletions(-) diff --git a/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss b/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss index dba4b5a..aab7c5f 100644 --- a/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss +++ b/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss @@ -7,7 +7,7 @@ .link-cart { a { color: $color-black; - font-family: "Tenor Sans"; + font-family: $font-family-secundary; font-style: normal; font-weight: 400; font-size: 14px; @@ -31,7 +31,7 @@ span, small { color: $color-black; - font-family: "Tenor Sans"; + font-family: $font-family-secundary; font-style: normal; font-weight: 400; font-size: 20px; diff --git a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss index 15f779c..2c54e81 100644 --- a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss +++ b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss @@ -34,9 +34,12 @@ h2 { background: $color-white; border: none; - color: #303030; - font-size: 14px; - font-weight: 500; + font-family: $font-family-secundary; + color: $color-black; + font-size: 16px; + line-height: 19px; + font-weight: 400; + text-align: left; } .item-unavailable { @@ -74,7 +77,13 @@ } #go-to-cart-button a { - color: #303030; + font-family: $font-family; + font-style: normal; + font-weight: 400; + font-size: 12px; + line-height: 16px; + text-align: right; + color: $color-black; text-decoration: underline; } @@ -85,18 +94,30 @@ } #payment-data-submit { - background: $color-black; + background: $color-green; border: none; - border-radius: 0; + border-radius: 8px; color: $color-white; + font-family: $font-family; + font-weight: 700; + font-size: 14px; + line-height: 19px; + text-align: center; + letter-spacing: 0.05em; + text-transform: uppercase; + outline: none; transition: all 0.2s linear; &:hover { - background: lighten($color-black, 5); + background: lighten($color-green, 5); } &:active { - background: darken($color-black, 5); + background: darken($color-green, 5); + } + + .icon-lock { + display: none; } } } @@ -111,7 +132,7 @@ } th { - font-family: "Tenor Sans", sans-serif; + font-family: $font-family-secundary; color: $color-black; padding: 0 0 16px; font-style: normal; @@ -150,6 +171,7 @@ .product-name { padding-right: 0; + text-align: left; @include mq(lg, max) { width: 250px; @@ -157,7 +179,7 @@ a { color: $color-black; - font-family: "Tenor Sans", sans-serif; + font-family: $font-family-secundary; font-style: normal; font-weight: normal; font-size: 12px; @@ -357,7 +379,7 @@ .srp-main-title { margin: 32px 0 12px; - font-family: "Open Sans", sans-serif; + font-family: $font-family; font-style: normal; font-weight: normal; font-size: 24px; @@ -743,7 +765,7 @@ tfoot { td.info, td.monetary { - font-family: "Open Sans", sans-serif; + font-family: $font-family; font-style: normal; font-weight: 700; font-size: 18px; @@ -807,7 +829,7 @@ &:after { content: "finalizar compra"; - font-family: "Open Sans", sans-serif; + font-family: $font-family; font-weight: bold; font-size: 14px; letter-spacing: 0.05em; diff --git a/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss b/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss index dd09e79..0d25949 100644 --- a/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss +++ b/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss @@ -10,7 +10,7 @@ } &-title { - font-family: "Open Sans", sans-serif; + font-family: $font-family; font-style: normal; font-weight: 700; font-size: 24px; diff --git a/checkout/src/arquivos/sass/partials/_header.scss b/checkout/src/arquivos/sass/partials/_header.scss index 452518c..a2e1b05 100644 --- a/checkout/src/arquivos/sass/partials/_header.scss +++ b/checkout/src/arquivos/sass/partials/_header.scss @@ -44,11 +44,11 @@ flex-direction: column; align-items: center; justify-content: center; - font-family: "Tenor Sans", sans-serif; + font-family: $font-family-secundary; font-size: 12px; font-weight: 400; line-height: 28px; - color: #000; + color: $color-black; width: 39.91%; } @@ -69,7 +69,7 @@ li #progress-bar-circle-3 { position: relative; width: 12px; - background-color: #fff; + background-color: $color-white; height: 12px; border: 1px solid; border-radius: 50%; @@ -80,7 +80,7 @@ li #progress-bar-circle-2.active, li #progress-bar-circle-3.active { border: none; - background-color: #000; + background-color: $color-black; } li .progress-bar-line-1 { @@ -90,7 +90,7 @@ bottom: 5px; width: 100%; height: 1px; - border-top: 1px solid #000; + border-top: 1px solid $color-black; } li .progress-bar-line-2 { @@ -100,7 +100,7 @@ bottom: 5px; width: 100%; height: 1px; - border-top: 1px solid #000; + border-top: 1px solid $color-black; } } } diff --git a/checkout/src/arquivos/sass/partials/_prateleira.scss b/checkout/src/arquivos/sass/partials/_prateleira.scss index 043dd2e..d6f97f0 100644 --- a/checkout/src/arquivos/sass/partials/_prateleira.scss +++ b/checkout/src/arquivos/sass/partials/_prateleira.scss @@ -8,7 +8,7 @@ text-align: center; h3 { - font-family: "Tenor Sans"; + font-family: $font-family-secundary; font-style: normal; font-weight: 400; font-size: 24px; @@ -30,7 +30,7 @@ &-item { * { - font-family: "Open Sans", sans-serif; + font-family: $font-family; } max-width: 242px;