From 15e99b1cb3d09d3ed5326aa700d98006a66a4c3d Mon Sep 17 00:00:00 2001
From: danielmoliaribarbosa <danielmoliaribarbosa@gmail.com>
Date: Fri, 10 Feb 2023 16:00:30 -0300
Subject: [PATCH] feat(product-quantity): Implementa SASS do block
 product-quantity

---
 .../pages/product/vtex.product-quantity.scss  | 56 +++++++++++++++++++
 1 file changed, 56 insertions(+)
 create mode 100644 styles/sass/pages/product/vtex.product-quantity.scss

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 {
+  // }
+}