From 93dbf9084235642ceb408ebaa61ab1a0ceafeb7c Mon Sep 17 00:00:00 2001
From: DaviHKlein <davihgklein@gmail.com>
Date: Fri, 10 Feb 2023 14:39:35 -0300
Subject: [PATCH] feat(main-product): finaliza a estilizacao do componenta

---
 .../sass/pages/product/vtex.breadcrumb.scss   | 35 ++++++++++++
 .../pages/product/vtex.product-quantity.scss  | 56 +++++++++++++++++++
 2 files changed, 91 insertions(+)
 create mode 100644 styles/sass/pages/product/vtex.breadcrumb.scss
 create mode 100644 styles/sass/pages/product/vtex.product-quantity.scss

diff --git a/styles/sass/pages/product/vtex.breadcrumb.scss b/styles/sass/pages/product/vtex.breadcrumb.scss
new file mode 100644
index 0000000..c178ec3
--- /dev/null
+++ b/styles/sass/pages/product/vtex.breadcrumb.scss
@@ -0,0 +1,35 @@
+.container {
+  align-items: center;
+  
+  .homeLink {
+    padding: 0;
+
+    .homeIcon {
+      display: none;
+    }
+  }
+  .homeLink::before {
+    content: "Home";
+    font-family: "Open Sans";
+    font-style: normal;
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 19px;
+    color: #929292;
+
+  }
+  .arrow--1 {
+    .link {
+      font-size: 0;
+    }
+    .link::before {
+      content: "Sapatos";
+      font-family: "Open Sans";
+      font-style: normal;
+      font-weight: 400;
+      font-size: 14px;
+      line-height: 19px;
+      color: #929292;
+    }
+  }
+}
diff --git a/styles/sass/pages/product/vtex.product-quantity.scss b/styles/sass/pages/product/vtex.product-quantity.scss
new file mode 100644
index 0000000..88dc6fb
--- /dev/null
+++ b/styles/sass/pages/product/vtex.product-quantity.scss
@@ -0,0 +1,56 @@
+.quantitySelectorContainer {
+  margin: 0;
+  .quantitySelectorTitle {
+    display: none;
+  }
+  :global(.vtex-numeric-stepper-wrapper) {
+    :global(.vtex-numeric-stepper-container) {
+      :global(.vtex-numeric-stepper__input) {
+        width: 32px;
+        height: 49px;
+        border-left-width: 0px;
+        border-right-width: 0px;
+        border-top-width: 1px;
+        border-bottom-width: 1px;
+        border-color: #cccccc;
+        color: #929292;
+        font-weight: 400;
+        font-size: 16px;
+        line-height: 22px;
+      }
+      :global(.vtex-numeric-stepper__plus-button-container) {
+        height: 49px;
+        :global(.vtex-numeric-stepper__plus-button) {
+          font-family: "Open Sans", sans-serif;
+          height: 49px;
+          border-top-width: 1px;
+          border-bottom-width: 1px;
+          border-color: #cccccc;
+          color: #000000;
+          border-radius: 0;
+          font-weight: 400;
+          font-size: 16px;
+          line-height: 22px;
+        }
+      }
+      :global(.vtex-numeric-stepper__minus-button-container) {
+        height: 49px;
+        :global(.vtex-numeric-stepper__minus-button) {
+          font-family: "Open Sans", sans-serif;
+          height: 49px;
+          border-top-width: 1px;
+          border-bottom-width: 1px;
+          border-color: #cccccc;
+          color: #000000;
+          border-radius: 0;
+          background-color: #ffffff;
+          font-weight: 400;
+          font-size: 16px;
+          line-height: 22px;
+        }
+      }
+    }
+  }
+  // .quantitySelectorStepper {
+  // }
+}