diff --git a/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss b/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss index 08f74e9..c16a879 100644 --- a/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss +++ b/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss @@ -1,3 +1,7 @@ +.row-fluid .full-cart, .row-fluid .orderform-template { + margin-bottom: 0; +} + .empty-cart { font-family: $font-family; &-content { @@ -9,26 +13,72 @@ } } + &-message { + display: none; + } + &-title { - font-size: 20px; + font-family: $font-family; + font-weight: 700; + font-size: 18px; + line-height: 25px; + text-align: center; + text-transform: uppercase; + color: $color-black2; + margin-top: 170px; + margin-bottom: 0; + + @include mq(xg, min) { + font-size: 48px; + line-height: 65px; + } + + @include mq(xm, min) { + font-size: 24px; + line-height: 33px; + } + + @include mq(xsp, max) { + font-size: 16px; + } } &-links { .link-choose-products { - background: $color-black; - border: none; - border-radius: 5px; + background: transparent; + border: 1px solid $color-black2; + border-radius: 0px; transition: ease-in 0.22s all; outline: none; - font-family: $font-family; + font-family: $font-family-secundary; font-style: normal; - font-weight: 500; + font-weight: 400; font-size: 14px; line-height: 16px; text-align: center; letter-spacing: 0.05em; - color: $color-white; + color: $color-black2; text-transform: uppercase; + padding: 16px 26px; + cursor: pointer; + margin: 22px 0 262px 0; + + @include mq(xg, min) { + font-size: 28px; + line-height: 33px; + padding: 16px 121px; + } + + @include mq(xm, min) { + padding: 16px 65px; + margin: 32px 0 264px 0; + } + + @include mq(xsp, max) { + font-size: 12px; + line-height: 14px; + padding: 16px 20px; + } &:hover { background: lighten($color-black, 5); diff --git a/checkout/src/arquivos/sass/checkout/_checkout.scss b/checkout/src/arquivos/sass/checkout/_checkout.scss index 29500ad..ccfa3ee 100644 --- a/checkout/src/arquivos/sass/checkout/_checkout.scss +++ b/checkout/src/arquivos/sass/checkout/_checkout.scss @@ -62,7 +62,15 @@ body { } .container-order-form, .container-cart { - width: 80%; + width: 96.875%; + + @include mq(xm, min) { + width: 80%; + } + + @include mq(xpp, max) { + width: 91.4666%; + } } } @@ -81,18 +89,29 @@ body { #cart-title, #orderform-title { - color: $color-gray2; + color: $color-black; font-family: $font-family; - font-weight: 500; - font-size: 36px; - line-height: 42px; - margin: 40px 0 30px; - letter-spacing: 0.1em; + font-weight: 700; + font-size: 24px; + line-height: 33px; + margin: 17px 0 17px; + letter-spacing: 0.05em; text-transform: uppercase; - @include mq(md, max) { - margin-left: 30px; + @include mq(xg, min) { + font-size: 48px; + line-height: 65px; + margin-bottom: 18px; } + + @include mq(xm, min) { + margin: 17px 0 16px; + } +} + +#orderform-title { + color: $color-black2; + margin-bottom: 17px; } .dropdown { diff --git a/checkout/src/arquivos/sass/utils/_variaveis.scss b/checkout/src/arquivos/sass/utils/_variaveis.scss index a2bc5ef..caaa353 100644 --- a/checkout/src/arquivos/sass/utils/_variaveis.scss +++ b/checkout/src/arquivos/sass/utils/_variaveis.scss @@ -24,6 +24,7 @@ $color-green: #495e49; /* Grid breakpoints */ $grid-breakpoints: ( xs: 0, + xsp: 325px, xppp: 350px, xpp: 376px, cstm: 400px,