From 0e0fec4c4d8cf12126d35043aed5a34b39d19e83 Mon Sep 17 00:00:00 2001
From: ThiagoDuutra <thiagoduutra01@gmail.com>
Date: Wed, 8 Feb 2023 12:05:09 -0300
Subject: [PATCH] feat: newsletter finalizado

---
 store/blocks/footer/menu.json                 |  1 +
 styles/css/vtex.store-footer.css              | 24 ++++----
 styles/css/vtex.store-newsletter.css          | 57 +++++++++++++++++++
 styles/sass/pages/product/vtex.rich-text.scss |  0
 .../pages/store/vtex.store-newsletter.scss    | 46 +++++++++++++++
 5 files changed, 118 insertions(+), 10 deletions(-)
 create mode 100644 styles/css/vtex.store-newsletter.css
 delete mode 100644 styles/sass/pages/product/vtex.rich-text.scss
 create mode 100644 styles/sass/pages/store/vtex.store-newsletter.scss

diff --git a/store/blocks/footer/menu.json b/store/blocks/footer/menu.json
index 7cc85f7..837b65c 100644
--- a/store/blocks/footer/menu.json
+++ b/store/blocks/footer/menu.json
@@ -10,6 +10,7 @@
       "menu-item#personalization"
     ]
   },
+
   "menu-item#news": {
     "props": {
       "id": "menu-item-news",
diff --git a/styles/css/vtex.store-footer.css b/styles/css/vtex.store-footer.css
index 1fd6bb3..ec4b840 100644
--- a/styles/css/vtex.store-footer.css
+++ b/styles/css/vtex.store-footer.css
@@ -1,11 +1,15 @@
-.row--menu-row {
-  padding-right: 24px;
-}
-
-.row--menu-row .rowContainer {
-  align-items: flex-start;
-}
-
-.row--payment-methods {
-  padding-top: 16px;
+/*
+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 */
+.footerLayout {
+  background-color: #000;
 }
+.footerLayout :global(.vtex-store-components-3-x-container) {
+  margin: 0;
+}
\ No newline at end of file
diff --git a/styles/css/vtex.store-newsletter.css b/styles/css/vtex.store-newsletter.css
new file mode 100644
index 0000000..9c12afa
--- /dev/null
+++ b/styles/css/vtex.store-newsletter.css
@@ -0,0 +1,57 @@
+/*
+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 */
+.newsletterForm--container-newsletter {
+  display: flex;
+  width: 60% !important;
+  background-color: #000;
+  position: relative;
+  margin-bottom: 16px;
+}
+@media only screen and (max-width: 1023px) {
+  .newsletterForm--container-newsletter {
+    width: 100% !important;
+  }
+}
+
+.emailInputContainer {
+  border-bottom: 1px solid #929292;
+}
+.emailInputContainer :global(.vtex-input-prefix__group) {
+  border: none;
+}
+.emailInputContainer :global(.vtex-input-prefix__group) :global(.vtex-styleguide-9-x-input) {
+  background-color: transparent;
+}
+
+.formSubmitContainer {
+  height: 40px;
+  border-bottom: 3px solid #fff;
+  position: absolute;
+  top: 0;
+  right: 0;
+}
+.formSubmitContainer :global(.vtex-button) {
+  background-color: transparent;
+  border: none;
+}
+.formSubmitContainer :global(.vtex-button) :global(.vtex-button__label) {
+  font-weight: 700;
+  font-size: 14px;
+  line-height: 19px;
+  padding: 0 16px 13px 16px;
+  padding-top: 0 !important;
+  padding-bottom: 0 !important;
+}
+
+.defaultSuccessMessage {
+  color: #fff;
+  margin: 0 0 16px 0;
+  text-align: center;
+}
\ No newline at end of file
diff --git a/styles/sass/pages/product/vtex.rich-text.scss b/styles/sass/pages/product/vtex.rich-text.scss
deleted file mode 100644
index e69de29..0000000
diff --git a/styles/sass/pages/store/vtex.store-newsletter.scss b/styles/sass/pages/store/vtex.store-newsletter.scss
new file mode 100644
index 0000000..c8cc022
--- /dev/null
+++ b/styles/sass/pages/store/vtex.store-newsletter.scss
@@ -0,0 +1,46 @@
+.newsletterForm--container-newsletter {
+  display: flex;
+  width: 60% !important;
+  background-color: $color-black;
+  position: relative;
+  margin-bottom: 16px;
+  @include mq(md, max) {
+    width: 100% !important;
+  }
+}
+
+.emailInputContainer {
+  border-bottom: 1px solid $color-gray6;
+  :global(.vtex-input-prefix__group) {
+    border: none;
+    :global(.vtex-styleguide-9-x-input) {
+      background-color: transparent;
+    }
+  }
+}
+
+.formSubmitContainer {
+  height: 40px;
+  border-bottom: 3px solid $color-white;
+  position: absolute;
+  top: 0;
+  right: 0;
+  :global(.vtex-button) {
+    background-color: transparent;
+    border: none;
+    :global(.vtex-button__label) {
+      font-weight: 700;
+      font-size: 14px;
+      line-height: 19px;
+      padding: 0 16px 13px 16px;
+      padding-top: 0 !important;
+      padding-bottom: 0 !important;
+    }
+  }
+}
+
+.defaultSuccessMessage {
+  color: $color-white;
+  margin: 0 0 16px 0;
+  text-align: center;
+}