From 8e91580553cf433e2e9194e90b68df8ed4fc3fc5 Mon Sep 17 00:00:00 2001
From: devartes <anacavalcante731@gmail.com>
Date: Tue, 24 Jan 2023 21:09:01 -0300
Subject: [PATCH] =?UTF-8?q?style:=20aplicando=20estilo=20na=20parte=20de?=
 =?UTF-8?q?=20pre=C3=A7o=20e=20parcelamento=20do=20produto?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 styles/css/vtex.flex-layout.css               | 11 +++
 styles/css/vtex.product-price.css             | 90 +++----------------
 .../product/flex-layout/vtex.flex-layout.scss | 17 ++++
 .../pages/product/vtex.product-price.scss     |  8 ++
 4 files changed, 49 insertions(+), 77 deletions(-)
 create mode 100644 styles/sass/pages/product/vtex.product-price.scss

diff --git a/styles/css/vtex.flex-layout.css b/styles/css/vtex.flex-layout.css
index 731ba90..83cb057 100644
--- a/styles/css/vtex.flex-layout.css
+++ b/styles/css/vtex.flex-layout.css
@@ -31,4 +31,15 @@
     display: grid;
     grid-template-columns: 48.819% 48.819%;
   }
+}
+
+.flexColChild .PriceContent {
+  margin: 0;
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 22px;
+  color: #929292;
+}
+.flexColChild .PriceContent :nth-child(1n) {
+  font-weight: 700;
 }
\ No newline at end of file
diff --git a/styles/css/vtex.product-price.css b/styles/css/vtex.product-price.css
index 95f4cfe..e3b1eb7 100644
--- a/styles/css/vtex.product-price.css
+++ b/styles/css/vtex.product-price.css
@@ -1,79 +1,15 @@
-.listPrice {
-  color: #727273;
-  margin-bottom: .25rem;
-  font-size: 1rem;
-}
-
+/*
+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 */
 .sellingPrice {
-  color: #3f3f40;
-  font-size: 1.25rem;
-}
-
-.sellingPriceValue {
-  font-size: 2.25rem;
   font-weight: 700;
-}
-
-.installments {
-  color: #727273;
-  margin-bottom: 1rem;
-}
-
-.savings {
-  font-weight: 500;
-  color: #79B03A;
-}
-
-.sellingPriceValue--summary {
-  font-size: 1.25rem;
-  font-weight: 600;
-  color: #2E2E2E;
-}
-
-.savings--summary {
-  background: #8BC34A;
-  border-radius: 1000px;
-  align-items: center;
-  display: flex;
-
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-  font-size: 0.875rem;
-  font-weight: 600;
-  vertical-align: baseline;
-  color: #FFFFFF;
-}
-
-.savings-discount--summary {
-  font-size: 0.875rem;
-  font-weight: 600;
-  vertical-align: baseline;
-  color: #FFFFFF;
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-}
-
-.listPrice--summary {
-  margin-bottom: 0.25rem;
-  font-size: .875rem;
-}
-
-.installments--summary {
-  margin-bottom: 2rem;
-  font-size: 0.875rem;
-}
-
-.savings--summaryPercentage {
-  background: #0f3e99;
-  border-radius: 1000px;
-  align-items: center;
-  display: flex;
-}
-
-.savingsPercentage--summaryPercentage {
-  font-size: 0.875rem;
-  font-weight: 600;
-  vertical-align: baseline;
-  color: #FFFFFF;
-  padding: 0.25rem 0.5rem 0.25rem 0.5rem;
-}
+  font-size: 25px;
+  line-height: 38px;
+  color: #000000;
+}
\ No newline at end of file
diff --git a/styles/sass/pages/product/flex-layout/vtex.flex-layout.scss b/styles/sass/pages/product/flex-layout/vtex.flex-layout.scss
index 7ffd755..e4baf7b 100644
--- a/styles/sass/pages/product/flex-layout/vtex.flex-layout.scss
+++ b/styles/sass/pages/product/flex-layout/vtex.flex-layout.scss
@@ -1,3 +1,5 @@
+//product-images
+
 .flexRowContent {
   padding: 0;
   margin: 0;
@@ -21,3 +23,18 @@
     grid-template-columns: 48.819% 48.819%;
   }
 }
+
+// dados produto
+
+.flexColChild {
+  .PriceContent {
+    margin: 0;
+    font-weight: 400;
+    font-size: 16px;
+    line-height: 22px;
+    color: #929292;
+    & :nth-child(1n) {
+      font-weight: 700;
+    }
+  }
+}
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..57181bb
--- /dev/null
+++ b/styles/sass/pages/product/vtex.product-price.scss
@@ -0,0 +1,8 @@
+//dados produto
+
+.sellingPrice {
+  font-weight: 700;
+  font-size: 25px;
+  line-height: 38px;
+  color: #000000;
+}