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

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

diff --git a/styles/sass/pages/product/vtex.product-price.scss b/styles/sass/pages/product/vtex.product-price.scss
new file mode 100644
index 0000000..ccfc6be
--- /dev/null
+++ b/styles/sass/pages/product/vtex.product-price.scss
@@ -0,0 +1,77 @@
+.sellingPrice {
+  font-style: normal;
+  font-weight: 700;
+  font-size: 25px;
+  line-height: 38px;
+
+  color: #000000;
+}
+
+.flexRowContent {
+  margin: 0 !important;
+}
+
+.listPriceValue {
+  text-decoration-line: line-through;
+  text-decoration-color: #bababa;
+
+  &::before {
+    font-family: "Open Sans";
+    font-style: normal;
+    font-weight: 400;
+    font-size: 14px;
+    color: #bababa;
+    line-height: 19px;
+    content: "de";
+    margin-right: 6px;
+  }
+
+  &::after {
+    font-family: "Open Sans";
+    font-style: normal;
+    font-weight: 400;
+    font-size: 14px;
+    color: #bababa;
+    line-height: 19px;
+    content: "por";
+    margin-left: 5px;
+  }
+
+  .currencyCode,
+  .currencyLiteral,
+  .currencyInteger,
+  .currencyDecimal,
+  .currencyFraction {
+    font-family: "Open Sans";
+    font-style: normal;
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 19px;
+    color: #bababa;
+  }
+
+  .currencyGroup {
+    color: #BABABA;
+  }
+}
+
+
+@media screen and (max-width:1024px) {
+  .listPrice{
+    height: 19px;
+  }
+  .listPriceValue {
+    .currencyCode,
+    .currencyLiteral,
+    .currencyInteger,
+    .currencyFraction {
+      font-size: 12px;
+      line-height: 16px;
+    }
+  }
+
+  .sellingPrice {
+    font-size: 18px;
+    line-height: 25px;
+  }
+}