AdilsonFernandoNevesOrnellas/challenge-vtex-io-Adilson-Fernando-Neves-Ornellas
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: newsletter pronta

Browse Source
This commit is contained in:
Adilson Fernando Neves Ornellas 2023-01-24 22:44:07 -03:00
parent b21329b923
commit 8d95f95ba1
7 changed files with 106 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
store/blocks/pdp/product.jsonc
View File

@ -5,13 +5,13 @@
"condition-layout.product#availability",
"tab-layout#product",
// "flex-layout.row#description",
// "flex-layout.row#specifications-title",
// "product-specification-group#table",
"shelf.relatedProducts",
"product-questions-and-answers"
"product-questions-and-answers",
"newsletter"
]
},
"html#breadcrumb": {
@ -282,5 +282,13 @@
"marginBottom": 7
},
"children": ["flex-layout.col#divImgDescription" , "product-description"]
},
"newsletter": {
"props": {
"blockClass": "newsletter",
"label": "Assine nossa newsletter",
"placeholder" : "Digite Seu e-mail"
}
}
}

12
styles/css/vtex.button.css Normal file
View File

@ -0,0 +1,12 @@
/*
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 */
.bw1 {
background-color: black;
}

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

@ -37,4 +37,33 @@
width: 90px;
height: 90px !important;
border-radius: 8px;
}
.newsletter--newsletter {
background-color: black;
}
.newsletter--newsletter .container--newsletter {
background-color: black;
color: #fff;
margin-top: 67px;
padding-top: 32px;
padding-bottom: 16px !important;
border: 0;
}
.buttonContainer--newsletter {
padding-left: 0 !important;
}
:global(.vtex-button) {
border-radius: 0;
background-color: black;
border: 0;
font-family: "Open Sans";
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 19px;
text-align: center;
border-bottom: 3px solid #bfbfbf;
}

19
styles/css/vtex.styleguide.css Normal file
View File

@ -0,0 +1,19 @@
/*
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 */
:global(.vtex-input-prefix__group) {
border: none;
border-bottom: 1px solid #929292;
}
.noAppearance {
background-color: black;
border: 0;
border-radius: 0;
}

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

@ -30,3 +30,29 @@
}
}
}
.newsletter--newsletter {
background-color: $color-black;
.container--newsletter {
background-color: $color-black;
color: $color-white;
margin-top: 67px;
padding-top: 32px;
padding-bottom: 16px !important;
border: 0;
}
}
.buttonContainer--newsletter {
padding-left: 0 !important;
}
:global(.vtex-button) {
border-radius:0;
background-color: black;
border: 0;
font-family: "Open Sans";
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 19px;
text-align: center;
border-bottom: 3px solid #bfbfbf;
}

9
styles/sass/pages/product/vtex.styleguide.scss Normal file
View File

@ -0,0 +1,9 @@
:global(.vtex-input-prefix__group) {
border: none;
border-bottom: 1px solid #929292;
}
.noAppearance {
background-color: black;
border: 0;
border-radius: 0;
}

2
styles/sass/utils/_vars.scss
View File

@ -1,4 +1,4 @@
$color-black: #292929;
$color-black: black;
$color-white: #fff;