From 86667eb6ff89c31a0b873275202a51da97361ccd Mon Sep 17 00:00:00 2001
From: Adilson Fernando <ornellas00@hotmail.com>
Date: Tue, 17 Jan 2023 22:56:23 -0300
Subject: [PATCH] feat: aula 7.4

---
 storefront/store/blocks/pages/home/home.jsonc | 20 ++++------------
 .../sass/pages/home/vtex.flex-layout.scss     | 23 +++++++++++++++++++
 .../sass/pages/home/vtex.rich-text.scss       | 13 +++++++++++
 .../sass/pages/home/vtex.store-link.scss      |  8 +++++++
 4 files changed, 48 insertions(+), 16 deletions(-)
 create mode 100644 storefront/styles/sass/pages/home/vtex.flex-layout.scss
 create mode 100644 storefront/styles/sass/pages/home/vtex.rich-text.scss
 create mode 100644 storefront/styles/sass/pages/home/vtex.store-link.scss

diff --git a/storefront/store/blocks/pages/home/home.jsonc b/storefront/store/blocks/pages/home/home.jsonc
index df4d5ac..ea6cb6b 100644
--- a/storefront/store/blocks/pages/home/home.jsonc
+++ b/storefront/store/blocks/pages/home/home.jsonc
@@ -41,12 +41,11 @@
 
     "flex-layout.col#conteudo-meio":{
         "props":{
-            "blockClass":"conteudo-meio"
+            "blockClass":"conteudo-meio",
+            "preventVerticalStretch":"auto"
         },
         "children":[
             "rich-text#texto-meio",
-            "rich-text#texto-meio-2",
-            "rich-text#texto-meio-3",
             "link#link-meio"
 
         ]
@@ -54,19 +53,8 @@
 
     "rich-text#texto-meio": {
         "props": {
-            "text": "Sub Titulo"
-        }
-    },
-
-    "rich-text#texto-meio-2": {
-        "props": {
-            "text": "Titulo"
-        }
-    },
-
-    "rich-text#texto-meio-3": {
-        "props": {
-            "text": "Descrição"
+            "blockClass":"text-meio",
+            "text": "***Sub Titulo*** \n  **Titulo** \n Descrição"
         }
     },
 
diff --git a/storefront/styles/sass/pages/home/vtex.flex-layout.scss b/storefront/styles/sass/pages/home/vtex.flex-layout.scss
new file mode 100644
index 0000000..95e9a56
--- /dev/null
+++ b/storefront/styles/sass/pages/home/vtex.flex-layout.scss
@@ -0,0 +1,23 @@
+.flexRow--faixa-de-imagens{
+    margin-top: 25px;
+    width: 100%;
+    :global(.vtex-store-components-3-x-imageElement--imagem){
+        height: 100%;
+        width: 100%;
+
+    }
+    .stretchChildrenWidth{
+        margin: 0px 8px;
+    }
+}
+.flexCol--faixa-de-imagens{
+    position: relative;
+    .flexCol--conteudo-meio {
+        position: absolute;
+        inset: 0;
+    }
+    .flexCol--conteudo-meio{
+        justify-content: center;
+        text-align: center;
+    }
+}
diff --git a/storefront/styles/sass/pages/home/vtex.rich-text.scss b/storefront/styles/sass/pages/home/vtex.rich-text.scss
new file mode 100644
index 0000000..224a292
--- /dev/null
+++ b/storefront/styles/sass/pages/home/vtex.rich-text.scss
@@ -0,0 +1,13 @@
+.container--text-meio{
+    justify-content: center;
+    .paragraph--text-meio{
+        color:black;
+        font-size: 15px;
+        .strong--text-meio{
+            font-size: 25px;
+        }
+        .italic--text-meio{
+            font-size: 20px;
+        }
+    }
+}
diff --git a/storefront/styles/sass/pages/home/vtex.store-link.scss b/storefront/styles/sass/pages/home/vtex.store-link.scss
new file mode 100644
index 0000000..97fe2a7
--- /dev/null
+++ b/storefront/styles/sass/pages/home/vtex.store-link.scss
@@ -0,0 +1,8 @@
+.link--link-meio{
+    font-size: 25px;
+    color: black;
+    text-decoration: line-through;
+    padding: 15px;
+    border-radius: 25%;
+    background-color: white;
+}