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

style(product): ajustando espacamento sku-products

Browse Source
This commit is contained in:
Bernardo Cunha Ernani Waldhelm 2023-02-02 16:02:23 -03:00
parent a5fb4e12ef
commit 97a34e9a9c
6 changed files with 35 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -119,12 +119,26 @@
padding-right: 16px; padding-right: 16px;
margin-right: 16px; margin-right: 16px;
} }
@media (min-width: 769px) and (max-width: 1024px), (min-width: 280px) and (max-width: 768px) {
.flexRowContent--product__image .stretchChildrenWidth:first-child {
padding: 0;
margin: 0;
}
}
@media (min-width: 769px) and (max-width: 1024px), (min-width: 280px) and (max-width: 768px) { @media (min-width: 769px) and (max-width: 1024px), (min-width: 280px) and (max-width: 768px) {
.flexRowContent--product__image .stretchChildrenWidth { .flexRowContent--product__image .stretchChildrenWidth {
width: 100% !important; width: 100% !important;
padding-right: 0; padding-right: 0;
} }
} }
@media (min-width: 769px) and (max-width: 1024px), (min-width: 280px) and (max-width: 768px) {
.flexRowContent--product__image .stretchChildrenWidth .flexCol--product-skus {
margin-top: 32px;
}
}
.flexRowContent--product__image .stretchChildrenWidth .flexColChild--product-skus .flexRow .flexRowContent {
margin: 0;
}
.flexRow--product__name, .flexRowContent--product__name { .flexRow--product__name, .flexRowContent--product__name {
height: 34px; height: 34px;

1
styles/css/vtex.product-identifier.css
View File

@ -17,7 +17,6 @@
@media (min-width: 769px) and (max-width: 1024px), (min-width: 280px) and (max-width: 768px) { @media (min-width: 769px) and (max-width: 1024px), (min-width: 280px) and (max-width: 768px) {
.product-identifier--productReference { .product-identifier--productReference {
justify-content: flex-start; justify-content: flex-start;
padding-top: 8px;
} }
} }
.product-identifier--productReference .product-identifier__label, .product-identifier--productReference .product-identifier__separator { .product-identifier--productReference .product-identifier__label, .product-identifier--productReference .product-identifier__separator {

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

@ -80,7 +80,6 @@
align-items: center; align-items: center;
font-family: "Open Sans", sans-serif; font-family: "Open Sans", sans-serif;
padding: 0; padding: 0;
margin: 0 0 8px 0;
font-style: normal; font-style: normal;
font-weight: 300; font-weight: 300;
font-size: 20px; font-size: 20px;
@ -90,7 +89,6 @@
@media (min-width: 769px) and (max-width: 1024px), (min-width: 280px) and (max-width: 768px) { @media (min-width: 769px) and (max-width: 1024px), (min-width: 280px) and (max-width: 768px) {
.productNameContainer--quickview { .productNameContainer--quickview {
justify-content: flex-start; justify-content: flex-start;
margin-top: 32px;
} }
} }

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

@ -66,7 +66,7 @@
align-items: center; align-items: center;
font-family: $font-family; font-family: $font-family;
padding: 0; padding: 0;
margin: 0 0 8px 0; // margin: 0 0 8px 0;
font-style: normal; font-style: normal;
font-weight: 300; font-weight: 300;
font-size: 20px; font-size: 20px;
@ -75,7 +75,7 @@
@media #{$mq-tablet}, #{$mq-mobile} { @media #{$mq-tablet}, #{$mq-mobile} {
justify-content: flex-start; justify-content: flex-start;
margin-top: 32px; // margin-top: 32px;
} }
} }

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

@ -109,12 +109,31 @@
&:first-child { &:first-child {
padding-right: 16px; padding-right: 16px;
margin-right: 16px; margin-right: 16px;
@media #{$mq-tablet}, #{$mq-mobile} {
padding: 0;
margin: 0;
}
} }
@media #{$mq-tablet}, #{$mq-mobile}{ @media #{$mq-tablet}, #{$mq-mobile}{
width: 100% !important; width: 100% !important;
padding-right: 0; padding-right: 0;
} }
.flexCol--product-skus {
@media #{$mq-tablet}, #{$mq-mobile} {
margin-top: 32px;
}
}
.flexColChild--product-skus {
.flexRow {
.flexRowContent {
margin: 0;
}
}
}
} }
} }

1
styles/sass/pages/product/vtexProduct/vtex.product-identifier.scss
View File

@ -6,7 +6,6 @@
@media #{$mq-tablet}, #{$mq-mobile} { @media #{$mq-tablet}, #{$mq-mobile} {
justify-content: flex-start; justify-content: flex-start;
padding-top: 8px;
} }
.product-identifier { .product-identifier {