forked from M3-Academy/challenge-vtex-io
feat: newsletter pronta
This commit is contained in:
parent
b21329b923
commit
8d95f95ba1
@ -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
12
styles/css/vtex.button.css
Normal 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;
|
||||
}
|
@ -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
19
styles/css/vtex.styleguide.css
Normal 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;
|
||||
}
|
@ -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
9
styles/sass/pages/product/vtex.styleguide.scss
Normal 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;
|
||||
}
|
@ -1,4 +1,4 @@
|
||||
$color-black: #292929;
|
||||
$color-black: black;
|
||||
|
||||
$color-white: #fff;
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user