store/blocks/home/breadcrumb/breadcrumb.json

@@ -0,0 +1,10 @@
+{
+    "html#breadcrumb": {
+    "props": {
+      "tag": "section",
+      "testId": "breadcrumbs",
+      "blockClass": "pdp-breadcrumb"
+    },
+    "children": ["breadcrumb"]
+  }
+}

styles/sass/pages/breadcrumb/vtex.breadcrumb.scss

@@ -0,0 +1,47 @@
+.container {
+  display: flex;
+  font-size: 14px;
+  color: $color-gray6;
+  margin: 0 40px;
+  .homeIcon {
+    height: 0;
+    display: none;
+  }
+
+  .homeLink {
+    &::before {
+      content: "Home";
+      font-family: "Open sans", sans-serif;
+      font-weight: 400;
+      font-size: 14px;
+      line-height: 19px;
+    }
+  }
+
+  .link--1 {
+    font-size: 0;
+    &::before {
+      content: "Sapatos";
+      font-family: "Open sans", sans-serif;
+      font-weight: 400;
+      font-size: 14px;
+      line-height: 19px;
+    }
+  }
+
+  .link--2 {
+    font-size: 0;
+    &::before {
+      content: "Sandália";
+      font-family: "Open sans", sans-serif;
+      font-weight: 400;
+      font-size: 14px;
+      line-height: 19px;
+    }
+  }
+
+  .termArrow,
+  .term {
+    display: none;
+  }
+}

styles/sass/pages/product/vtex.breadcrumb.scss

@@ -1,48 +0,0 @@
-.container {
-  font-size: 14px;
-  color: #929292;
-  margin: 0 15px;
-
-  .homeIcon {
-    height: 0;
-  }
-
-  .homeLink::after {
-    content: "Home";
-    font-family: "Open sans", sans-serif;
-    font-weight: 400;
-    font-size: 14px;
-    line-height: 19px;
-  }
-
-  .arrow--1::after {
-    content: "Sapatos";
-    font-family: "Open sans", sans-serif;
-    font-weight: 400;
-    font-size: 14px;
-    line-height: 19px;
-    margin-left: 7px;
-  }
-
-  .link--1 {
-    display: none;
-  }
-
-  .arrow--2::after {
-    content: "Sandália";
-    font-family: "Open sans", sans-serif;
-    font-weight: 400;
-    font-size: 14px;
-    line-height: 19px;
-    margin-left: 7px;
-  }
-
-  .link--2 {
-    display: none;
-  }
-
-  .termArrow,
-  .term {
-    display: none;
-  }
-}