PatrickSouzaSilva/challenge-vtex-io-patricksouza
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

develop #1

Merged
PatrickSouzaSilva merged 14 commits from develop into master 2023-02-11 02:49:46 +00:00
Conversation 0 Commits 14 Files Changed 54 +154 -7
9 changed files with 154 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 8d93b7473b - Show all commits

BIN
assets/logo-m3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 739 B

BIN
assets/logo-vtex.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

6
store/blocks/footer/footer-2-desktop.jsonc
View File

@ -12,13 +12,13 @@
"rich-text#footer-copyright": {
"props": {
"text": "**Copyright © 2022 M3 Academy. Todos os direitos reservados.** \n R. Helena Coutinho, 41 - Braunes - Nova Friburgo - RJ \n CNPJ: 12.345.678.0009-10",
"blockClass": "footer"
"blockClass": "footer-copyright"
}
},
"rich-text#footer-powered": {
"props": {
"text": "Powered by [![vtex](assets/test.svg)](/test) Developed by [![vtex](assets/test.svg)](/test)",
"blockClass": "footer"
"text": "Powered by [![vtex](assets/logo-vtex.png)](/test) Developed by [![vtex](assets/logo-m3.png)](/test)",
"blockClass": "footer-powered-by"
}
}
}

8
styles/css/vtex.flex-layout.css
View File

@ -25,8 +25,16 @@
background: #000000;
border-bottom: 1px solid #ffffff;
}
.flexRow--menu-row-newsletter :global(.vtex-store-components-3-x-container) {
width: 100% !important;
max-width: 775px !important;
}
.flexRowContent--menu-row-newsletter {
display: flex !important;
flex-direction: column !important;
padding: 32px 0 16px;
}
.flexRowContent--menu-row-newsletter .stretchChildrenWidth {
width: 100% !important;
}

26
styles/css/vtex.rich-text.css
View File

@ -6,4 +6,28 @@
1800px + : Big desktop
*/
/* Media Query M3 */
/* Grid breakpoints */
/* Grid breakpoints */
.container--menu-row-newsletter-title {
display: flex;
justify-content: center;
}
.container--menu-row-newsletter-title .heading--menu-row-newsletter-title {
margin: 0;
font-family: "Open Sans", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 38px;
text-align: center;
color: #ffffff;
}
.container--menu-row-newsletter-title .paragraph--menu-row-newsletter-title {
margin: 16px 0;
font-family: "Open Sans", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 25px;
text-align: center;
color: #929292;
}

37
styles/css/vtex.store-components.css
View File

@ -169,4 +169,41 @@
font-size: 32px;
line-height: 32px;
color: #575757;
}
.container--menu-row-label-newsletter {
padding: 0;
}
.container--menu-row-label-newsletter .form--menu-row-label-newsletter {
display: contents !important;
}
.container--menu-row-label-newsletter .inputGroup--menu-row-label-newsletter {
border-bottom: 1px solid #929292 !important;
padding: 0;
}
.container--menu-row-label-newsletter .buttonContainer--menu-row-label-newsletter :global(.vtex-button) {
border: none !important;
border-bottom: 3px solid #bfbfbf !important;
background: #000000 !important;
border-radius: 0;
font-family: "Open Sans", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 19px;
text-align: center;
color: #ffffff;
}
.container--menu-row-label-newsletter .inputGroup--menu-row-label-newsletter :global(.vtex-input-prefix__group) {
border: 0;
}
.container--menu-row-label-newsletter .inputGroup--menu-row-label-newsletter :global(.vtex-styleguide-9-x-input) {
background: #000000;
font-family: "Open Sans", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 25px;
color: #929292;
text-align: left;
}

12
styles/sass/pages/product/vtex.flex-layout.scss
View File

@ -24,11 +24,17 @@
background: #000000;
border-bottom: 1px solid #ffffff;
:global(.vtex-store-components-3-x-container) {
width: 100% !important;
max-width: 775px !important;
}
}
.flexRowContent--menu-row-newsletter {
display: flex !important;
flex-direction: column !important;
padding: 32px 0 16px;
.stretchChildrenWidth {
width: 100% !important;
}
}
// .stretchChildrenWidth {
// width: 100% !important;
// }

27
styles/sass/pages/product/vtex.rich-text.scss
View File

@ -0,0 +1,27 @@
//AREA DA RICH TEXT DA NEWSLETEER
.container--menu-row-newsletter-title {
display: flex;
justify-content: center;
.heading--menu-row-newsletter-title {
margin: 0;
font-family: "Open Sans", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 38px;
text-align: center;
color: #ffffff;
}
.paragraph--menu-row-newsletter-title {
margin: 16px 0;
font-family: "Open Sans", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 25px;
text-align: center;
color: #929292;
}
}

45
styles/sass/pages/product/vtex.store-components.scss
View File

@ -196,3 +196,48 @@
color: #575757;
}
}
// AREA DA NEWSLATTER INPUT - BUTTON
.container--menu-row-label-newsletter {
padding: 0;
.form--menu-row-label-newsletter {
display: contents !important;
}
.inputGroup--menu-row-label-newsletter {
border-bottom: 1px solid #929292 !important;
padding: 0;
}
.buttonContainer--menu-row-label-newsletter {
:global(.vtex-button) {
border: none !important;
border-bottom: 3px solid #bfbfbf !important;
background: #000000 !important;
border-radius: 0;
font-family: "Open Sans", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 19px;
text-align: center;
color: #ffffff;
}
}
.inputGroup--menu-row-label-newsletter {
:global(.vtex-input-prefix__group) {
border: 0;
}
:global(.vtex-styleguide-9-x-input) {
background: #000000;
font-family: "Open Sans", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 25px;
color: #929292;
text-align: left;
}
}
}