From 72de1ebca399c076c8a238e323e4017370196725 Mon Sep 17 00:00:00 2001
From: matheus <matheusbrollo201@gmail.com>
Date: Fri, 16 Dec 2022 17:48:17 -0300
Subject: [PATCH] =?UTF-8?q?feat(css):=20come=C3=A7ando=20checkout=20css?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../sass/checkout/_checkout-carrinho.scss     | 28 +++++++---
 .../sass/checkout/_checkout-vazio.scss        | 55 ++++++++++++++-----
 .../src/arquivos/sass/checkout/_checkout.scss | 13 +++++
 .../src/arquivos/sass/utils/_variaveis.scss   |  2 +-
 4 files changed, 73 insertions(+), 25 deletions(-)

diff --git a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss
index ded5ba5..a34a17a 100644
--- a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss
+++ b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss
@@ -7,6 +7,14 @@
 .cart-template {
     font-family: $font-family-secundary;
 
+    .cart-template-holder {
+        margin-bottom: 48px;
+    }
+
+    .empty-cart-message {
+        display: none;
+    }
+
     @include mq(md, max) {
         padding: 0 0;
     }
@@ -344,7 +352,7 @@
                 }
 
                 .srp-main-title {
-                    margin: 32px 0 12px;
+                    margin: 0 0 11px 0;
                     font-family: "Open Sans";
                     font-style: normal;
                     font-weight: 400;
@@ -393,18 +401,20 @@
                 }
 
                 .srp-pickup-my-location__button {
-                    background-color: $black;
+                    background-color: $blue;
                     border: none;
-                    border-radius: 5px;
+                    border-radius: 8px;
                     color: $white;
                     outline: none;
                     width: 100%;
 
+                    font-family: 'Open Sans';
                     font-style: normal;
-                    font-weight: 500;
+                    font-weight: 700;
                     font-size: 14px;
-                    line-height: 16px;
-                    letter-spacing: 0.05em;
+                    line-height: 19px;
+
+                    padding: 11px 0;
                 }
             }
 
@@ -424,12 +434,12 @@
                 }
 
                 &__current {
-                    border: 1px solid $color-blue;
+                    border: 1px solid $black;
                     border-radius: 100px;
                 }
 
                 .blue {
-                    color: $color-blue;
+                    color: $black;
                 }
 
                 label {
@@ -639,7 +649,7 @@
                             width: 100%;
                         }
                         &::placeholder {
-                            font-family: 'Tenor Sans';
+                            font-family: "Tenor Sans";
                             font-style: normal;
                             font-weight: 400;
                             font-size: 12px;
diff --git a/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss b/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss
index 08f74e9..59facab 100644
--- a/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss
+++ b/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss
@@ -1,8 +1,9 @@
 .empty-cart {
 	font-family: $font-family;
 	&-content {
-		color: $color-black;
+		color: $white;
 		text-align: center;
+        margin-top: 170px;
 
 		@include mq(md, max) {
 			padding: 0 16px;
@@ -10,28 +11,52 @@
 	}
 
 	&-title {
-		font-size: 20px;
+        font-family: "Open Sans";
+        font-style: normal;
+        font-weight: 700;
+        font-size: 24px;
+        line-height: 33px;
+        text-align: center;
+        text-transform: uppercase;
+        margin: 0;
+
+        color: $black;
 	}
 
 	&-links {
+
+        a {
+            font-family: "Tenor Sans";
+			font-style: normal;
+            font-weight: 400;
+            font-size: 14px;
+            line-height: 16px;
+            text-align: center;
+            text-transform: uppercase;
+			letter-spacing: 0.05em;
+            color: transparent;
+        }
+
+        a::after {
+            content: 'Continuar comprando';
+            color: $black;
+            position: absolute;
+            left: 0;
+            right: 0;
+        }
+
 		.link-choose-products {
-			background: $color-black;
-			border: none;
-			border-radius: 5px;
+            width: 327px;
+
+			background: $white;
+			border: 1px solid $black;
+			border-radius: 0px;
+            padding: 15px 0;
 			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);
+				background: $white;
 			}
 		}
 	}
diff --git a/checkout/src/arquivos/sass/checkout/_checkout.scss b/checkout/src/arquivos/sass/checkout/_checkout.scss
index 32a2594..96c7553 100644
--- a/checkout/src/arquivos/sass/checkout/_checkout.scss
+++ b/checkout/src/arquivos/sass/checkout/_checkout.scss
@@ -70,6 +70,19 @@ body {
     color: $color-black !important;
 }
 
+#cart-title {
+    font-family: 'Open Sans';
+    font-style: normal;
+    font-weight: 700;
+    font-size: 24px;
+    line-height: 33px;
+
+    letter-spacing: 0.05em;
+    text-transform: uppercase;
+
+    color: $black;
+}
+
 #cart-title,
 #orderform-title {
     color: $gray-500;
diff --git a/checkout/src/arquivos/sass/utils/_variaveis.scss b/checkout/src/arquivos/sass/utils/_variaveis.scss
index 84083c3..b94b685 100644
--- a/checkout/src/arquivos/sass/utils/_variaveis.scss
+++ b/checkout/src/arquivos/sass/utils/_variaveis.scss
@@ -6,7 +6,7 @@ $font-family-secundary: "Tenor Sans", sans-serif;
 
 /* Colors */
 $black: #000;
-$white: #fff;
+$white: #FFFFFF;
 
 $color-black: #292929;