From 03b20eb85f9ebe34c0a10cf93a4c3494cf12991e Mon Sep 17 00:00:00 2001
From: amanda almeida <manda.fonsecaff@gmail.com>
Date: Wed, 7 Dec 2022 18:53:21 -0300
Subject: [PATCH] feat(minicart): Adiciona css do minicart

---
 src/arquivos/sass/partials/_header.scss       | 44 +++++++++++++++++++
 src/arquivos/sass/utils/_variaveis.scss       |  2 +-
 .../sub-templates/amandaalmeida-header.html   |  2 +-
 3 files changed, 46 insertions(+), 2 deletions(-)

diff --git a/src/arquivos/sass/partials/_header.scss b/src/arquivos/sass/partials/_header.scss
index c5bd3f7..197cce6 100644
--- a/src/arquivos/sass/partials/_header.scss
+++ b/src/arquivos/sass/partials/_header.scss
@@ -69,6 +69,50 @@
 				height: 19px;
 				margin: 0 24px;
 				background: $white-500;
+			}
+		}
+
+		&__minicart-button {
+			display: flex;
+			align-items: center;
+			position: relative;
+			padding: 0;
+			border: 0;
+			outline: 0;
+			background: transparent;
+
+
+			.portal-totalizers-ref {
+
+				.title,
+				.amount-products,
+				.amount-items strong,
+				.amount-kits,
+				.total-cart {
+					display: none;
+				}
+			}
+
+			.card-info {
+				margin: 0;
+			}
+
+			.amount-items-em {
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				position: absolute;
+				top: 4px;
+				right: -4px;
+				width: 15px;
+				height: 15px;
+				border-radius: 50%;
+				font-size: 9px;
+				line-height: 11px;
+				font-weight: bold;
+				font-style: normal;
+				color: $white-500;
+				background: $blue-500;
 
 			}
 		}
diff --git a/src/arquivos/sass/utils/_variaveis.scss b/src/arquivos/sass/utils/_variaveis.scss
index 840098c..a4d111d 100644
--- a/src/arquivos/sass/utils/_variaveis.scss
+++ b/src/arquivos/sass/utils/_variaveis.scss
@@ -9,7 +9,7 @@ $font-height: 1.5;
 // colors
 $black-500: #000;
 $white-500: #fff;
-
+$blue-500: #00C8FF;
 // universal
 
 // Grid breakpoints
diff --git a/src/template-pagina/sub-templates/amandaalmeida-header.html b/src/template-pagina/sub-templates/amandaalmeida-header.html
index ae49d04..b8617e1 100644
--- a/src/template-pagina/sub-templates/amandaalmeida-header.html
+++ b/src/template-pagina/sub-templates/amandaalmeida-header.html
@@ -14,7 +14,7 @@
 					><i class="sprite sprite-user-icon"></i
 				></a>
 
-				<button aria-label="Bag">
+				<button aria-label="Bag" class="user-items__minicart-button">
 					<i class="sprite sprite-bag-icon"></i>
 					<vtex.cmc:AmountItemsInCart />
 				</button>