From 242fa3ec7f176d3be19c96593b6ff8e979c53302 Mon Sep 17 00:00:00 2001
From: Sabrina Miranda <sabrina.miranda1@bol.com.br>
Date: Fri, 16 Dec 2022 14:13:32 -0300
Subject: [PATCH] =?UTF-8?q?feat(checkout=20vazio):=20Aplica=20css=20a=20p?=
 =?UTF-8?q?=C3=A1gina=20de=20chekcout=20vazio=20em=20todos=20tamanhos=20de?=
 =?UTF-8?q?=20tela?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../sass/checkout/_checkout-vazio.scss        | 64 +++++++++++++++++--
 .../src/arquivos/sass/checkout/_checkout.scss | 37 ++++++++---
 .../src/arquivos/sass/utils/_variaveis.scss   |  1 +
 3 files changed, 86 insertions(+), 16 deletions(-)

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,