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; +}