anacarolinaduartecavalcante/challenge-vtex-io-ana-carolina-duarte-cavalcante
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Entrega do Desafio #1

Merged
anacarolinaduartecavalcante merged 93 commits from feature/challenge-vtex-io into develop 2023-02-03 17:14:03 +00:00
Conversation 0 Commits 93 Files Changed 68 +127 -5
3 changed files with 127 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 9125d0a842 - Show all commits

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

@ -7,6 +7,66 @@
*/
/* Media Query M3 */
/* Grid breakpoints */
.newsletter {
background: red;
.carouselContainer {
display: flex;
flex-direction: column-reverse;
width: 97.064%;
height: 770px;
}
.carouselGaleryThumbs {
position: relative;
display: flex;
flex-direction: row;
width: 13.554% !important;
}
.carouselGaleryCursor {
margin: 0;
width: 100%;
padding: 0;
}
.swiperCaret {
display: none;
}
.productImagesGallerySlide {
width: 100% !important;
}
.swiper-component {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: visible;
list-style: none;
padding: 0;
z-index: 1;
}
.swiper-wrapper-style {
column-gap: 16px;
}
.productImageTag {
object-fit: cover;
}
.productImageTag--main {
object-fit: unset !important;
max-height: 664px !important;
height: 664px;
}
.productImagesThumb {
margin: 16px 0 0;
}
.thumbImg,
.thumbImg--video,
.figure,
.figure--video {
height: 100%;
border-radius: 8px;
}

65
styles/sass/pages/product/store-components/vtex.store-components.scss Normal file
View File

@ -0,0 +1,65 @@
//product-image
.carouselContainer {
display: flex;
flex-direction: column-reverse;
width: 97.064%;
height: 770px;
}
.carouselGaleryThumbs {
position: relative;
display: flex;
flex-direction: row;
width: 13.554% !important;
}
.carouselGaleryCursor {
margin: 0;
width: 100%;
padding: 0;
}
.swiperCaret {
display: none;
}
.productImagesGallerySlide {
width: 100% !important;
}
.swiper-component {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: visible;
list-style: none;
padding: 0;
z-index: 1;
}
.swiper-wrapper-style {
column-gap: 16px;
}
.productImageTag {
object-fit: cover;
}
.productImageTag--main {
object-fit: unset !important;
max-height: 664px !important;
height: 664px;
}
.productImagesThumb {
margin: 16px 0 0;
}
.thumbImg,
.thumbImg--video,
.figure,
.figure--video {
height: 100%;
border-radius: 8px;
}

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

@ -1,3 +0,0 @@
.newsletter{
background: red;
}