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;
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) {
.flexRowContent--product__image .stretchChildrenWidth {
width: 100% !important;
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 {
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) {
.product-identifier--productReference {
justify-content: flex-start;
padding-top: 8px;
}
}
.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;
font-family: "Open Sans", sans-serif;
padding: 0;
margin: 0 0 8px 0;
font-style: normal;
font-weight: 300;
font-size: 20px;
@ -90,7 +89,6 @@
@media (min-width: 769px) and (max-width: 1024px), (min-width: 280px) and (max-width: 768px) {
.productNameContainer--quickview {
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;
font-family: $font-family;
padding: 0;
margin: 0 0 8px 0;
// margin: 0 0 8px 0;
font-style: normal;
font-weight: 300;
font-size: 20px;
@ -75,7 +75,7 @@
@media #{$mq-tablet}, #{$mq-mobile} {
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 {
padding-right: 16px;
margin-right: 16px;
@media #{$mq-tablet}, #{$mq-mobile} {
padding: 0;
margin: 0;
}
}
@media #{$mq-tablet}, #{$mq-mobile}{
width: 100% !important;
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} {
justify-content: flex-start;
padding-top: 8px;
}
.product-identifier {