challenge-vtex-io-saulo-klein/styles/sass/pages/product/vtex.store-components.scss

46 lines
770 B
SCSS

.container {
padding: 0;
.carouselContainer {
display: flex;
flex-direction: column-reverse;
.carouselGaleryThumbs {
position: static;
margin: 16px 0 0;
}
.carouselThumbBorder {
height: fit-content;
}
}
.productImagesThumb {
max-height: 90px !important;
margin: 0 16px 0 0;
width: fit-content !important;
.figure,
.figure .thumbImg {
max-height: 90px;
max-width: 90px;
min-height: 90px;
object-fit: fill;
}
}
.productImageTag--main {
object-fit: fill !important;
max-width: 664px;
}
.productNameContainer {
text-align: right;
font-weight: 300;
font-size: 20px;
line-height: 34px;
color: $color-gray7;
margin: 0 0 51px;
}
}