From 6e86c78bffde7ee6e5b083bf9ee4110ac6e50e66 Mon Sep 17 00:00:00 2001
From: devartes <anacavalcante731@gmail.com>
Date: Thu, 9 Feb 2023 09:43:07 -0300
Subject: [PATCH] =?UTF-8?q?style:=20corre=C3=A7=C3=A3o=20de=20estilos=20do?=
 =?UTF-8?q?=20breadcrumb?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 styles/css/vtex.breadcrumb.css                | 33 ++++++++++++++---
 .../vtexBreadcrumb/vtex.breadcrumb.scss       | 37 ++++++++++++++++---
 2 files changed, 59 insertions(+), 11 deletions(-)

diff --git a/styles/css/vtex.breadcrumb.css b/styles/css/vtex.breadcrumb.css
index 9a31748..924e35d 100644
--- a/styles/css/vtex.breadcrumb.css
+++ b/styles/css/vtex.breadcrumb.css
@@ -22,8 +22,7 @@
   }
 }
 .container .homeLink {
-  padding-right: 6px;
-  padding-left: 0;
+  padding: 0 12px 0 0;
 }
 .container .homeLink::before {
   content: "Home";
@@ -37,13 +36,37 @@
   display: none;
 }
 .container .arrow {
-  padding: 0 6px;
+  align-items: center;
+  display: flex;
+  padding: 0 12px 0 0;
+}
+.container .arrow .caretIcon {
+  display: none;
+}
+.container .arrow ::before {
+  content: ">";
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 19px;
+  color: #929292;
+  margin-right: 13px;
 }
 .container .arrow .link {
-  padding: 0 6px;
+  padding: 0;
+}
+.container .termArrow {
+  display: none;
 }
 .container .term {
-  padding: 0 6px;
+  padding: 0;
+}
+.container .term::before {
+  content: ">";
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 19px;
+  color: #929292;
+  margin-right: 15px;
 }
 .container .link,
 .container .term {
diff --git a/styles/sass/pages/product/vtexBreadcrumb/vtex.breadcrumb.scss b/styles/sass/pages/product/vtexBreadcrumb/vtex.breadcrumb.scss
index 46f6866..ee6ff10 100644
--- a/styles/sass/pages/product/vtexBreadcrumb/vtex.breadcrumb.scss
+++ b/styles/sass/pages/product/vtexBreadcrumb/vtex.breadcrumb.scss
@@ -10,8 +10,7 @@
     width: 71.858%;
   }
   .homeLink {
-    padding-right: 6px;
-    padding-left: 0;
+    padding: 0 12px 0 0;
   }
 
   .homeLink::before {
@@ -28,14 +27,40 @@
   }
 
   .arrow {
-    padding: 0 6px;
+    align-items: center;
+    display: flex;
+    padding: 0 12px 0 0;
+    .caretIcon {
+     display: none;
+    }
+    ::before {
+      content: ">";
+      font-weight: 400;
+      font-size: 14px;
+      line-height: 19px;
+      color: $gray;
+      margin-right: 13px;
+    }
     .link {
-      padding: 0 6px;
+      padding: 0;
     }
   }
 
-  .term {
-    padding: 0 6px;
+  .termArrow {
+    display: none;
+  }
+
+  .term{
+    padding: 0;
+  }
+
+  .term::before {
+    content: ">";
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 19px;
+    color: $gray;
+    margin-right: 15px;
   }
 
   .link,