feat: criando o comecando a estilizar o @media
This commit is contained in:
parent
97632d79ee
commit
5d3dce5615
@ -9,14 +9,10 @@
|
||||
]
|
||||
},
|
||||
"responsive-layout.desktop#productSummaryList": {
|
||||
"children": [
|
||||
"flex-layout.row#summaryListDesktop"
|
||||
]
|
||||
"children": ["flex-layout.row#summaryListDesktop"]
|
||||
},
|
||||
"responsive-layout.mobile#productSummaryList": {
|
||||
"children": [
|
||||
"flex-layout.row#summaryListMobile"
|
||||
]
|
||||
"children": ["flex-layout.row#summaryListMobile"]
|
||||
},
|
||||
"product-price-savings#summaryPercentage": {
|
||||
"props": {
|
||||
@ -36,7 +32,7 @@
|
||||
]
|
||||
},
|
||||
"flex-layout.row#summaryListDesktop": {
|
||||
"props":{
|
||||
"props": {
|
||||
"fullWidth": true,
|
||||
"colSizing": "auto",
|
||||
"blockClass": "summaryListDesktop"
|
||||
@ -69,9 +65,7 @@
|
||||
]
|
||||
},
|
||||
"flex-layout.row#productSpecifications": {
|
||||
"children": [
|
||||
"product-specification-group#summary"
|
||||
]
|
||||
"children": ["product-specification-group#summary"]
|
||||
},
|
||||
"product-summary-name#summaryListDesktop": {
|
||||
"props": {
|
||||
@ -100,18 +94,13 @@
|
||||
"colSizing": "auto",
|
||||
"colGap": 5
|
||||
},
|
||||
"children": [
|
||||
"add-to-cart-button",
|
||||
"flex-layout.row#buyNowButton"
|
||||
]
|
||||
"children": ["add-to-cart-button", "flex-layout.row#buyNowButton"]
|
||||
},
|
||||
"flex-layout.row#buyNowButton": {
|
||||
"props": {
|
||||
"blockClass": "buyNowButton"
|
||||
},
|
||||
"children": [
|
||||
"add-to-cart-button#buyNow"
|
||||
]
|
||||
"children": ["add-to-cart-button#buyNow"]
|
||||
},
|
||||
|
||||
"add-to-cart-button#buyNow": {
|
||||
@ -123,10 +112,7 @@
|
||||
}
|
||||
},
|
||||
"flex-layout.col#priceSummaryListDesktop": {
|
||||
"children": [
|
||||
"product-selling-price#summary",
|
||||
"product-list-price#summary"
|
||||
]
|
||||
"children": ["product-selling-price#summary", "product-list-price#summary"]
|
||||
},
|
||||
"stack-layout#summaryListDesktop": {
|
||||
"children": [
|
||||
@ -144,7 +130,7 @@
|
||||
}
|
||||
},
|
||||
"flex-layout.row#summaryListMobile": {
|
||||
"props":{
|
||||
"props": {
|
||||
"preserveLayoutOnMobile": true,
|
||||
"colSizing": "auto",
|
||||
"blockClass": "summaryListMobile",
|
||||
|
@ -11,6 +11,11 @@
|
||||
max-width: 1920px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
@media (max-width: 1440px) {
|
||||
.container {
|
||||
padding: 0 40px;
|
||||
}
|
||||
}
|
||||
.container .link,
|
||||
.container .term {
|
||||
font-family: "Open Sans", sans-serif;
|
||||
|
@ -7,10 +7,21 @@
|
||||
*/
|
||||
/* Media Query M3 */
|
||||
/* Grid breakpoints */
|
||||
@media (max-width: 1440px) {
|
||||
.flexRow--product-main-container {
|
||||
padding: 0 40px;
|
||||
}
|
||||
}
|
||||
.flexRow--product-main-container :global(.vtex-store-components-3-x-container) {
|
||||
max-width: 1920px;
|
||||
}
|
||||
|
||||
@media (max-width: 1440px) {
|
||||
.flexRowContent {
|
||||
padding: 0 72px;
|
||||
}
|
||||
}
|
||||
|
||||
.flexRowContent--button-card-add .stretchChildrenWidth:first-child {
|
||||
max-width: 128px;
|
||||
padding-right: 10px;
|
||||
|
@ -8,7 +8,12 @@
|
||||
/* Media Query M3 */
|
||||
/* Grid breakpoints */
|
||||
.container {
|
||||
padding: 0 320px !important;
|
||||
padding: 0 320px;
|
||||
}
|
||||
@media (max-width: 1440px) {
|
||||
.container {
|
||||
padding: 0 40px;
|
||||
}
|
||||
}
|
||||
|
||||
.listContainer {
|
||||
|
@ -2,6 +2,10 @@
|
||||
max-width: 1920px;
|
||||
margin: 0 auto;
|
||||
|
||||
@media (max-width: 1440px) {
|
||||
padding: 0 40px;
|
||||
}
|
||||
|
||||
.link,
|
||||
.term {
|
||||
font-family: "Open Sans", sans-serif;
|
||||
|
@ -1,8 +1,17 @@
|
||||
.flexRow--product-main-container {
|
||||
@media (max-width: 1440px) {
|
||||
padding: 0 40px;
|
||||
}
|
||||
|
||||
:global(.vtex-store-components-3-x-container) {
|
||||
max-width: 1920px;
|
||||
}
|
||||
}
|
||||
.flexRowContent {
|
||||
@media (max-width: 1440px) {
|
||||
padding: 0 72px;
|
||||
}
|
||||
}
|
||||
|
||||
.flexRowContent--button-card-add {
|
||||
.stretchChildrenWidth {
|
||||
|
@ -1,5 +1,9 @@
|
||||
.container {
|
||||
padding: 0 320px !important;
|
||||
padding: 0 320px;
|
||||
|
||||
@media (max-width: 1440px) {
|
||||
padding: 0 40px;
|
||||
}
|
||||
}
|
||||
.listContainer {
|
||||
display: flex;
|
||||
|
Loading…
Reference in New Issue
Block a user