challenge-vtex-io-Filipe-Qu.../styles/sass/pages/product/vtex.store-components.scss

107 lines
1.8 KiB
SCSS

// .newsletter {
// background: pink;
// }
.container {
padding: 0 40px;
.productImagesThumb {
padding-right: 16px;
}
.productImageTag {
object-fit: fill !important;
}
.productNameContainer {
text-align: right;
font-weight: 300;
font-size: 20px;
line-height: 34px;
color: $color-gray6;
margin-bottom: 31px;
}
.skuSelectorSubcontainer {
margin-bottom: 10px;
}
.skuSelectorNameContainer {
margin: 0;
}
.skuSelectorTextContainer {
font-size: 0;
margin-bottom: 8px;
.skuSelectorName {
font-size: 0;
&:last-child {
&::before {
content: "OUTROS TAMANHOS:";
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: $color-gray7;
}
}
&::before {
content: "OUTRAS CORES";
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: $color-gray7;
}
}
.skuSelectorSelectorImageValue {
font-size: 0;
}
}
.skuSelectorContainer {
display: flex;
flex-direction: column-reverse;
}
.skuSelectorItem {
width: 40px;
height: 40px;
margin-right: 16px;
}
.frameAround {
border-radius: 24px;
border: 1px solid $color-gray8;
}
.skuSelectorItem--selected {
.frameAround {
border-radius: 24px;
border: 2px solid $color-black2;
}
.skuSelectorItemTextValue {
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: $color-black2;
}
}
.skuSelectorInternalBox {
border: none;
border-radius: 24px;
display: flex;
align-items: center;
justify-content: center;
}
.skuSelectorItemTextValue {
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: rgba(185, 185, 185, 0.6);
}
}