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

265 lines
6.0 KiB
SCSS
Raw Normal View History

.newsletter{
background: red;
}
.productImageTag--ImgsMain--main{
object-fit: unset !important;
}
.productImagesThumb{
width: 13.605% !important;
margin: 0 16px 0 0;
}
.productNameContainer--quickview{
display: flex;
justify-content: end;
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
font-size: 20px;
line-height: 34px;
color: $color-gray14;
@media screen and (min-width: 1920px) {
}
}
:global(.vtex-product-identifier-0-x-product-identifier--productReference){
display: flex;
justify-content: end;
margin-bottom: 24px;
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: $color-gray13;
}
.skuSelectorContainer--inverseOrder{
display: flex;
flex-direction: column-reverse;
.skuSelectorSubcontainer--cor{
.skuSelectorTextContainer{
&::before {
content: "Outras cores:";
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: $color-gray15;
text-transform: uppercase;
}
}
.skuSelectorName,
.skuSelectorNameSeparator,
.skuSelectorSelectorImageValue{
font-size: 0;
}
}
.skuSelectorSubcontainer--tamanho{
.skuSelectorTextContainer{
&::before {
content: "Outros Tamanhos:";
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: $color-gray15;
text-transform: uppercase;
}
}
.skuSelectorName{
font-size: 0;
}
}
.skuSelectorItem--inverseOrder{
width: 40px;
height: 40px;
border-radius: 50%;
}
.skuSelectorItem--inverseOrder--selected{
.frameAround--inverseOrder{
border: 2px solid $color-black2;
top: -2px;
left: -2px;
right: -2px;
bottom: -2px;
}
.skuSelectorItemTextValue--inverseOrder{
color: $color-black2;
}
.skuSelectorInternalBox--inverseOrder{
border: none;
}
}
.skuSelectorItemTextValue--inverseOrder{
padding: 0;
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: $color-gray11;
}
.frameAround--inverseOrder{
border-radius: 50%;
}
.skuSelectorInternalBox--inverseOrder{
border-radius: 50%;
width: 40px;
height: 40px;
border-color: $color-gray12;
}
.diagonalCross--inverseOrder{
border-radius: 50%;
// transform: rotate(-45deg);
}
}
.shippingContainer{
display: flex;
:global(.vtex-address-form__field--small){
display: flex;
}
:global(.vtex-input-prefix__group){
height: 49px;
border: 1px solid $color-gray7;
border-radius: 0;
}
:global(.vtex-address-form__postalCode-forgottenURL){
display: flex;
position: relative;
left: 150px;
align-items: center;
padding-top: 16.1px;
text-decoration: underline;
:last-child{
color: black;
}
}
:global(.vtex__icon-external-link){
display: none;
}
:global(.vtex-button){
display: flex;
width: 49px;
height: 49px;
position: relative;
right: 129px;
margin-top: 24px;
background-color: $color-black2;
font-size: 0;
border: none;
border-radius: 0;
::before{
content: "Ok";
font-weight: 600;
font-size: 14px;
line-height: 19px;
color: $color-white;
}
}
}
.shippingTable{
display: flex;
padding: 0;
margin: 0;
border: none;
flex-direction: column;
.shippingTableHead{
display: flex;
.shippingTableHeadDeliveryName,
.shippingTableHeadDeliveryEstimate,
.shippingTableHeadDeliveryPrice {
display: flex;
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: $color-black3;
text-transform: uppercase;
}
.shippingTableHeadDeliveryEstimate{
order: 1;
min-width: 145px;
}
.shippingTableHeadDeliveryName{
min-width: 100px;
}
.shippingTableHeadDeliveryPrice{
min-width: 70px;
}
}
.shippingTableRow{
display: flex;
gap: 32px;
margin-bottom: 15px;
.shippingTableCellDeliveryName,
.shippingTableCellDeliveryEstimate,
.shippingTableCellDeliveryPrice {
display: flex;
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: $color-gray16;
padding: 0;
}
.shippingTableCellDeliveryEstimate{
order: 1;
min-width: 145px;
}
.shippingTableCellDeliveryName{
min-width: 100px;
}
.shippingTableCellDeliveryPrice{
min-width: 70px;
}
}
.shippingTableRadioBtn{
display: none;
}
}
.productDescriptionContainer--descriptioncontent1{
margin-bottom: 16px;
}
.productDescriptionTitle--descriptioncontent1{
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 32px;
margin-bottom: 8px;
}
.content--descriptioncontent1,
.content--descriptioncontent2{
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 22px;
}