challenge-vtex-io-manuela-l.../react/components/Html/styles.css

323 lines
6.5 KiB
CSS

/* [class*="html--pdp-breadcrumb"] {
background: pink;
} */
/* [class*="productNameContainer--quickview"] {
color: pink;
} */
[class*="flex flex-grow-1 w-100 flex-column"] {
padding-left: 40px;
padding-right: 40px;
}
[class*="productNameContainer--quickview"] {
text-align: right;
font-style: normal;
font-weight: 300;
font-size: 20px;
line-height: 34px;
color: #575757;
}
[class*="product-identifier__label"],
[class*="product-identifier__separator"] {
font-size: 0;
text-align: right;
}
[class*="flexColChild"]:nth-of-type(2) {
text-align: right;
font-weight: 400;
font-size: 14px;
line-height: 19px;
}
[class*="flexColChild"]:nth-of-type(2) [class*="c-muted-1"] {
color: rgba(146, 146, 146, 0.48) !important;
}
[class*="sellingPrice"] {
font-weight: 700;
font-size: 25px !important;
line-height: 38px;
color: black !important;
}
[class*="installments"] {
font-weight: 400;
font-size: 16px;
line-height: 22px;
}
[class*="installmentsNumber"],
[class*="installmentValue"] {
font-weight: 700;
}
[class*="skuSelectorName"],
[class*="skuSelectorNameSeparator"],
[class*="skuSelectorSelectorImageValue"] {
font-weight: 400;
font-size: 14px;
line-height: 19px;
text-transform: uppercase;
}
[class*="skuSelectorName"] [class*="c-muted-1"],
[class*="skuSelectorNameSeparator"] [class*="c-muted-1"],
[class*="skuSelectorSelectorImageValue"] [class*="c-muted-1"] {
color: #929292 !important;
}
[class*="skuSelectorSubcontainer--cor"] [class*="br2"] {
border-radius: 24px;
}
[class*="skuSelectorSubcontainer--cor"] [class*="frameAround"] [class*="bw1"],
[class*="br3"] {
border-width: 2px;
border-radius: 24px;
border-color: black;
}
[class*="skuSelectorItem"] [class*="br2"] {
border-radius: 24px;
}
[class*="skuSelectorItem"] [class*="pr5"] {
padding-right: 11px;
}
[class*="skuSelectorItem"] [class*="pl5"] {
padding-left: 11px;
}
[class*="skuSelectorName"] {
font-size: 0;
}
[class*="skuSelectorSubcontainer--cor"]
[class*="skuSelectorNameContainer"]
[class*="skuSelectorTextContainer"]
[class*="skuSelectorName"]::after {
content: "OUTRAS CORES:";
font-weight: 400;
font-size: 14px;
line-height: 19px;
text-transform: uppercase;
}
[class*="skuSelectorSubcontainer--tamanho"]
[class*="skuSelectorNameContainer"]
[class*="skuSelectorTextContainer "]
[class*="skuSelectorName"]::after {
content: "OUTROS TAMANHOS:";
font-weight: 400;
font-size: 14px;
line-height: 19px;
text-transform: uppercase;
}
[class*="wrapper--shelfTitle"] {
display: flex;
justify-content: center;
width: 100%;
}
[class*="shelfTitle"] [class*="t-heading-4"] {
font-weight: 400;
text-align: center;
font-style: normal;
font-size: 24px;
line-height: 38px;
color: #575757 !important;
margin: 16px 0 32px 0;
}
[class*="paginationDotsContainer"] {
bottom: -32px;
}
[class*="thumbImg"] {
width: auto;
height: 90px;
}
/*mexer*/
[class*="productImagesThumb"] [class*="w-20 w-20 w-20"] {
width: 13% !important;
}
[class*="buttonClicker"] [class*="button"] {
background: black;
}
[class*="buttonClicker"] [class*="buttonText"] {
font-size: 0;
}
[class*="buttonClicker"] [class*="buttonText"]::after {
content: "ADICIONAR À SACOLA";
font-weight: 400;
font-size: 18px;
color: white;
padding: 12px 0;
}
[class*="listContainer--pdp-decriptions-list"] {
border-bottom: 1px solid #bfbfbf;
justify-content: space-around;
}
[class*="listItem--pdp-description-button"] [class*="button__label"] {
text-transform: capitalize;
font-weight: 400;
font-size: 18px;
line-height: 38px;
}
[class*="listItem--pdp-description-button"] [class*="c-action-primary"] {
color: #bfbfbf;
}
[class*="listItem--pdp-description-button"] [class*="c-on-action-primary"],
[class*="c-on-base--inverted"] {
color: black;
border-bottom: 1px solid black;
}
[class*="listItem--pdp-description-button"]
[class*="hover-c-on-action-primary"]:hover {
color: black;
border-bottom: 1px solid black;
}
[class*="listItem--pdp-description-button"] [class*="bg-action-primary"] {
border-top-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
background: transparent;
}
[class*="listItem--pdp-description-button"] {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
[class*="listItem--pdp-description-button"] {
margin: 0 !important;
}
[class*="productDescriptionContainer"] [class*="productDescriptionTitle"] {
font-weight: 400;
font-size: 24px !important;
line-height: 32px;
color: #575757;
}
[class*="productDescriptionContainer"]
[class*="productDescriptionText"]
[class*="content "] {
font-weight: 400;
font-size: 16px;
line-height: 22px;
color: #929292;
}
[class*="paginationDotsContainer--productPageCarousel"] {
display: flex;
align-items: center;
}
[class*="paginationDot--productPageCarousel"] {
background-color: black;
width: 10px !important;
height: 10px !important;
}
[class*="paginationDot--productPageCarousel--isActive"] {
background-color: white;
border: 0.5px solid black;
width: 17px !important;
height: 17px !important;
}
[class*="vtex-product-summary-2-x-element"] {
display: flex;
align-items: center;
text-align: center;
height: auto;
}
[class*="vtex-product-summary-2-x-element"] [class*="html--shelfItemBlock"] {
display: flex;
flex-direction: column;
text-align: center;
}
[class*="vtex-product-summary-2-x-element"]
[class*="html--shelfItemBlock"]
[class*="nameContainer"] {
justify-content: center;
}
[class*="vtex-product-summary-2-x-element"]
[class*="html--shelfItemBlock"]
[class*="brandName"] {
font-weight: 400;
font-size: 18px;
line-height: 25px;
color: black;
}
[class*="listPriceValue--summary"]
[class*="currencyContainer--summary"]::before {
content: "de ";
text-decoration-line: line-through;
}
[class*="listPriceValue--summary"]
[class*="currencyContainer--summary"]::after {
content: " por";
text-decoration-line: line-through;
}
[class*="sellingPriceValue--summary"] [class*="currencyContainer--summary"] {
font-weight: 700;
font-size: 24px;
line-height: 33px;
color: #000000;
}
[class*="sliderLeftArrow"] {
left: -16px;
}
[class*="sliderRightArrow"] {
right: -16px;
}
[class*="quantitySelectorTitle"] {
font-size: 0;
}
/* [class*="description-content"] [class*="contentItem"] {
display: flex;
margin-top: 64px;
margin-bottom: 16px;
}
[class*="productImage"] [class*="productImageTag"] {
max-height: fit-content !important;
}
[class*="productImagesContainer--carousel"]
[class*="productImagesGallerySlide"] {
margin: 0;
} */