From b6dac0711d515a3f67e54ba5f4c43f61b62dc38b Mon Sep 17 00:00:00 2001 From: PatrickSouza Date: Tue, 7 Feb 2023 21:11:38 -0300 Subject: [PATCH] feat: fazendo o css do footer --- store/blocks/footer/footer-1-desktop.jsonc | 4 ++-- styles/css/vtex.flex-layout.css | 6 ++++++ styles/css/vtex.rich-text.css | 12 ++++++++++++ styles/sass/pages/product/vtex.flex-layout.scss | 8 +++++++- styles/sass/pages/product/vtex.rich-text.scss | 12 ++++++++++++ 5 files changed, 39 insertions(+), 3 deletions(-) diff --git a/store/blocks/footer/footer-1-desktop.jsonc b/store/blocks/footer/footer-1-desktop.jsonc index 1e2de62..68bfb77 100644 --- a/store/blocks/footer/footer-1-desktop.jsonc +++ b/store/blocks/footer/footer-1-desktop.jsonc @@ -9,7 +9,7 @@ "flex-layout.row#footer-social" ], "props": { - "blockClass": "menu-row", + "blockClass": "menu-row-wrapper", "paddingTop": 6, "paddingBottom": 3 } @@ -17,7 +17,7 @@ "flex-layout.row#footer-social": { "children": ["social-networks", "accepted-payment-methods"], "props": { - "blockClass": "menu-row", + "blockClass": "menu-row-wrapper", "paddingTop": 6, "paddingBottom": 3 } diff --git a/styles/css/vtex.flex-layout.css b/styles/css/vtex.flex-layout.css index 23dfdab..5ed5767 100644 --- a/styles/css/vtex.flex-layout.css +++ b/styles/css/vtex.flex-layout.css @@ -39,6 +39,12 @@ width: 100% !important; } +.flexRow--menu-row-wrapper { + background-color: #000000; + padding-top: 32px; + padding-bottom: 128px; +} + .flexRow--footer-credits { background-color: #000000 !important; border-top: 1px solid #ffffff; diff --git a/styles/css/vtex.rich-text.css b/styles/css/vtex.rich-text.css index 5763f9d..af5160e 100644 --- a/styles/css/vtex.rich-text.css +++ b/styles/css/vtex.rich-text.css @@ -32,6 +32,18 @@ color: #929292; } +.paragraph--footer-link-1-title, +.paragraph--footer-link-2-title, +.paragraph--footer-link-3-title { + font-family: "Open Sans", sans-serif; + font-style: normal; + font-weight: 400; + font-size: 14px; + line-height: 38px; + text-align: center; + color: #ffffff; +} + .paragraph--footer-copyright { font-family: "Open Sans", sans-serif; font-style: normal; diff --git a/styles/sass/pages/product/vtex.flex-layout.scss b/styles/sass/pages/product/vtex.flex-layout.scss index 3d5eaa0..c015e42 100644 --- a/styles/sass/pages/product/vtex.flex-layout.scss +++ b/styles/sass/pages/product/vtex.flex-layout.scss @@ -39,7 +39,13 @@ } } -//STYLE DO FOOTER PAYMENTS +//STYLE DO FOOTER PARTE DO MEIO COM PAYMENTS + +.flexRow--menu-row-wrapper { + background-color: #000000; + padding-top: 32px; + padding-bottom: 128px; +} //STYLE DO FOOTER CREDITS .flexRow--footer-credits { diff --git a/styles/sass/pages/product/vtex.rich-text.scss b/styles/sass/pages/product/vtex.rich-text.scss index 73044a4..506d8fe 100644 --- a/styles/sass/pages/product/vtex.rich-text.scss +++ b/styles/sass/pages/product/vtex.rich-text.scss @@ -25,6 +25,18 @@ color: #929292; } } +//AREA DO FOOTER DO MEIO COM PAYMENTS E CARTOES +.paragraph--footer-link-1-title, +.paragraph--footer-link-2-title, +.paragraph--footer-link-3-title { + font-family: "Open Sans", sans-serif; + font-style: normal; + font-weight: 400; + font-size: 14px; + line-height: 38px; + text-align: center; + color: #ffffff; +} //AREA DO FOOTER CREDITS PARAGRAFO .paragraph--footer-copyright {