andreamatsunaga/challenge-vtex-io-andrea-matsunaga
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(main): adiciona estilo à thumbnail image active

Browse Source
This commit is contained in:
Andrea Matsunaga 2023-02-02 16:50:46 -03:00
parent 237742b407
commit 24d03fab83
2 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -44,4 +44,8 @@
aspect-ratio: 1/1;
border-radius: 8px;
object-fit: cover;
}
.carouselGaleryThumbs .productImagesThumb.productImagesThumbActive .carouselThumbBorder {
border-radius: 8px;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.33), rgba(0, 0, 0, 0.33));
}

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

@ -43,8 +43,15 @@
}
}
// @include mq(lg, max) {
// background-color: magenta;
// }
&.productImagesThumbActive {
.carouselThumbBorder {
border-radius: 8px;
background: linear-gradient(
0deg,
rgba(0, 0, 0, 0.33),
rgba(0, 0, 0, 0.33)
);
}
}
}
}