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",
|
"condition-layout.product#availability",
|
||||||
"tab-layout#product",
|
"tab-layout#product",
|
||||||
|
|
||||||
|
|
||||||
// "flex-layout.row#description",
|
// "flex-layout.row#description",
|
||||||
// "flex-layout.row#specifications-title",
|
// "flex-layout.row#specifications-title",
|
||||||
// "product-specification-group#table",
|
// "product-specification-group#table",
|
||||||
|
|
||||||
"shelf.relatedProducts",
|
"shelf.relatedProducts",
|
||||||
"product-questions-and-answers"
|
"product-questions-and-answers",
|
||||||
|
"newsletter"
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
"html#breadcrumb": {
|
"html#breadcrumb": {
|
||||||
@ -282,5 +282,13 @@
|
|||||||
"marginBottom": 7
|
"marginBottom": 7
|
||||||
},
|
},
|
||||||
"children": ["flex-layout.col#divImgDescription" , "product-description"]
|
"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;
|
||||||
|
}
|
@ -38,3 +38,32 @@
|
|||||||
height: 90px !important;
|
height: 90px !important;
|
||||||
border-radius: 8px;
|
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;
|
$color-white: #fff;
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user