challenge-vtex-io-andrea-ma.../styles/sass/pages/product/vtex.product-summary.scss

55 lines
950 B
SCSS

.container {
// background-color: green;
margin: 0;
border-radius: 0;
max-width: 1000px !important;
.element {
padding: 0 8px;
@include mq(lg, max) {
padding: 0 6px;
}
@include mq(md, max) {
padding: 0 4px;
}
.imageContainer {
// background: #ededed;
// background-color: yellow;
width: 100%;
.image {
// background: #ededed;
object-fit: cover !important;
// background-color: red;
}
}
.nameContainer {
padding: 16px 16px 8px;
@include mq(lg, max) {
padding: 16px 8px 8px;
}
.productBrand {
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 25px;
text-align: center;
color: #000000;
@include mq(lg, max) {
font-size: 14px;
line-height: 19px;
}
}
}
}
}