From 99e819ca378021a0b6ff4d7233f26e2a884f9508 Mon Sep 17 00:00:00 2001
From: Luiz Felipe Silva <felipesilva9627@hotmail.com>
Date: Fri, 10 Feb 2023 07:29:07 -0300
Subject: [PATCH] feat: alterado a adicionado o breadcrumb.

---
 styles/css/vtex-breadcrumb.css | 20 +++++++++++++
 styles/css/vtex.breadcrumb.css | 54 ++++++++++++++++++++++++++++++++++
 2 files changed, 74 insertions(+)
 create mode 100644 styles/css/vtex-breadcrumb.css
 create mode 100644 styles/css/vtex.breadcrumb.css

diff --git a/styles/css/vtex-breadcrumb.css b/styles/css/vtex-breadcrumb.css
new file mode 100644
index 0000000..48182e0
--- /dev/null
+++ b/styles/css/vtex-breadcrumb.css
@@ -0,0 +1,20 @@
+/*
+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 */
+:global(.vtex-breadcrumb-1-x-container) {
+  background-color: black;
+}
+
+:global(.vtex-breadcrumb-1-x-container--m3-product-breadcrumb) {
+  color: red;
+}
+
+.product-breadcrumb, .homeLink {
+  background-color: blue;
+}
\ No newline at end of file
diff --git a/styles/css/vtex.breadcrumb.css b/styles/css/vtex.breadcrumb.css
new file mode 100644
index 0000000..af2f42e
--- /dev/null
+++ b/styles/css/vtex.breadcrumb.css
@@ -0,0 +1,54 @@
+/*
+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;
+}
+
+.homeLink::after {
+  content: "Home";
+}
+
+.homeLink,
+.link--1,
+.link--2 {
+  text-transform: capitalize;
+  font-family: Open Sans;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 19px;
+  color: #929292;
+}
+.homeLink::after,
+.link--1::after,
+.link--2::after {
+  text-transform: capitalize;
+  font-family: Open Sans;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 19px;
+  color: #929292;
+  color: #929292;
+}
+
+.homeIcon,
+.term {
+  display: none;
+}
+
+.link--1 {
+  font-size: 0;
+}
+.link--1::after {
+  content: "Sapatos";
+}
+
+.caretIcon:last-child {
+  display: none;
+}
\ No newline at end of file