From 447b6dfd167678db01752aaebea90b01ceda2cbb Mon Sep 17 00:00:00 2001
From: MarcelloMartins <marcello08martins@outlook.com>
Date: Fri, 10 Feb 2023 22:21:45 -0300
Subject: [PATCH] feat(breadCrumb): created breadcrumb

---
 styles/css/vtex.breadcrumb.css                | 53 +++++++++++++++++++
 .../sass/pages/product/vtex.breadcrumb.scss   | 49 +++++++++++++++++
 2 files changed, 102 insertions(+)
 create mode 100644 styles/css/vtex.breadcrumb.css
 create mode 100644 styles/sass/pages/product/vtex.breadcrumb.scss

diff --git a/styles/css/vtex.breadcrumb.css b/styles/css/vtex.breadcrumb.css
new file mode 100644
index 0000000..23e4983
--- /dev/null
+++ b/styles/css/vtex.breadcrumb.css
@@ -0,0 +1,53 @@
+@charset "UTF-8";
+/*
+0 - 600PX: Phone
+600 - 900px: Table portrait
+900 - 1200px: Tablet landscape
+[1200 - 1800] is where our nortal styles apply
+1800px + : Big desktop
+*/
+/* Media Query M3 */
+/* Grid breakpoints */
+.container {
+  display: flex;
+  font-size: 14px;
+  color: gray;
+  margin: 0 40px;
+}
+.container .homeIcon {
+  height: 0;
+  display: none;
+}
+.container .homeLink::before {
+  content: "Home";
+  font-family: "Open sans", sans-serif;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 19px;
+}
+.container .link--1 {
+  font-size: 0;
+}
+.container .link--1::before {
+  content: "Sapatos";
+  font-family: "Open sans", sans-serif;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 19px;
+  margin-left: 7px;
+}
+.container .link--2 {
+  font-size: 0;
+}
+.container .link--2::before {
+  content: "Sandália";
+  font-family: "Open sans", sans-serif;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 19px;
+  margin-left: 7px;
+}
+.container .termArrow,
+.container .term {
+  display: none;
+}
\ No newline at end of file
diff --git a/styles/sass/pages/product/vtex.breadcrumb.scss b/styles/sass/pages/product/vtex.breadcrumb.scss
new file mode 100644
index 0000000..5343fc8
--- /dev/null
+++ b/styles/sass/pages/product/vtex.breadcrumb.scss
@@ -0,0 +1,49 @@
+.container {
+  display: flex;
+  font-size: 14px;
+  color: gray;
+  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;
+      margin-left: 7px;
+    }
+  }
+
+  .link--2 {
+    font-size: 0;
+    &::before {
+      content: "Sandália";
+      font-family: "Open sans", sans-serif;
+      font-weight: 400;
+      font-size: 14px;
+      line-height: 19px;
+      margin-left: 7px;
+    }
+  }
+
+  .termArrow,
+  .term {
+    display: none;
+  }
+}