forked from M3-Academy/challenge-vtex-io
623 lines
12 KiB
CSS
623 lines
12 KiB
CSS
[class*="productImageTag--main"] {
|
|
object-fit: none !important;
|
|
width: 98.225% !important;
|
|
height: 100% !important;
|
|
max-height: 664px !important;
|
|
}
|
|
|
|
[class*="flexRow--button-cart"] :global(.vtex-button) {
|
|
background-color: black;
|
|
border-color: black;
|
|
height: 49px;
|
|
}
|
|
|
|
[class*="flexRow--button-cart"] {
|
|
background-color: black;
|
|
border-color: black;
|
|
width: 73.464%;
|
|
height: 49px;
|
|
position: relative;
|
|
bottom: 72px;
|
|
left: 148px;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
[class*="numeric-stepper__minus-button__text"] {
|
|
position: absolute !important;
|
|
left: 50%;
|
|
top: 85%;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
|
|
[class*="numeric-stepper__plus-button__text"] {
|
|
position: absolute !important;
|
|
left: 50%;
|
|
top: 85%;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
|
|
[class*="numeric-stepper__minus-button"] {
|
|
height: 49px;
|
|
position: relative;
|
|
}
|
|
|
|
[class*="numeric-stepper__input"] {
|
|
height: 49px;
|
|
position: relative;
|
|
}
|
|
|
|
[class*="numeric-stepper__plus-button"] {
|
|
height: 49px;
|
|
position: relative;
|
|
}
|
|
|
|
[class*="buttonText--button-add"] {
|
|
font-size: 0;
|
|
}
|
|
|
|
[class*="buttonText--button-add"]::after {
|
|
content: "ADICIONAR À SACOLA";
|
|
font-family: "Open Sans";
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-size: 18px;
|
|
line-height: 25px;
|
|
display: flex;
|
|
align-items: center;
|
|
text-align: center;
|
|
color: #ffffff;
|
|
}
|
|
|
|
[class*="skuSelectorInternalBox"] {
|
|
border-radius: 24px;
|
|
position: relative;
|
|
width: 40px;
|
|
height: 46px;
|
|
}
|
|
|
|
[class*="skuSelectorContainer"] {
|
|
display: flex;
|
|
flex-direction: column-reverse;
|
|
}
|
|
|
|
[class*="skuSelectorSubcontainer--cor"]
|
|
:global(.vtex-store-components-3-x-skuSelectorName) {
|
|
font-size: 0;
|
|
}
|
|
|
|
[class*="skuSelectorSubcontainer--cor"]
|
|
:global(.vtex-store-components-3-x-skuSelectorName)::after {
|
|
font-size: 12px;
|
|
content: "OUTRAS CORES";
|
|
}
|
|
|
|
[class*="skuSelectorSubcontainer--cor"]
|
|
:global(.vtex-store-components-3-x-skuSelectorSelectorImageValue) {
|
|
font-size: 0;
|
|
}
|
|
|
|
[class*="skuSelectorSubcontainer--tamanho"]
|
|
:global(.vtex-store-components-3-x-skuSelectorName) {
|
|
font-size: 0;
|
|
}
|
|
|
|
[class*="skuSelectorSubcontainer--tamanho"]
|
|
:global(.vtex-store-components-3-x-skuSelectorName)::after {
|
|
font-size: 12px;
|
|
content: "OUTROS TAMANHOS:";
|
|
}
|
|
|
|
[class*="skuSelectorSubcontainer--cor"]
|
|
:global(.vtex-store-components-3-x-frameAround) {
|
|
border-radius: 24px;
|
|
width: 48px;
|
|
height: 48px;
|
|
border-color: black;
|
|
}
|
|
|
|
[class*="skuSelectorSubcontainer--tamanho"]
|
|
:global(.vtex-store-components-3-x-frameAround) {
|
|
border-radius: 24px;
|
|
width: 40px;
|
|
height: 40px;
|
|
border-color: black;
|
|
left: 0.5px;
|
|
top: -1.8px;
|
|
}
|
|
|
|
[class*="skuSelectorSubcontainer--tamanho"]
|
|
:global(.vtex-store-components-3-x-skuSelectorInternalBox) {
|
|
border-radius: 24px;
|
|
width: 40px;
|
|
height: 40px;
|
|
border-color: black;
|
|
}
|
|
|
|
[class*="skuSelectorItemTextValue"] {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
|
|
[class*="installments--m3-custom-installments"] {
|
|
font-family: "Open Sans";
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
font-size: 16px;
|
|
line-height: 22px;
|
|
color: #929292;
|
|
}
|
|
|
|
[class*="productNameContainer"] {
|
|
text-align: end;
|
|
}
|
|
|
|
[class*="shippingContainer"] :global(.vtex-button) {
|
|
background-color: black;
|
|
color: white;
|
|
font-size: 0;
|
|
width: 49px;
|
|
height: 49px;
|
|
background-color: black;
|
|
color: white;
|
|
font-size: 0;
|
|
position: relative;
|
|
width: 49px;
|
|
height: 49px;
|
|
left: 45.5%;
|
|
bottom: 110px;
|
|
}
|
|
|
|
[class*="shippingContainer"] :global(.vtex-button::after) {
|
|
content: "OK";
|
|
font-family: "Open Sans";
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
font-size: 14px;
|
|
line-height: 19px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
position: absolute;
|
|
top: 30%;
|
|
left: 23%;
|
|
}
|
|
|
|
[class*="shippingContainer"] :global(.vtex-input-prefix__group) {
|
|
width: 45.532%;
|
|
height: 49px;
|
|
}
|
|
|
|
[class*="vtex-address-form__postalCode-forgottenURL"] {
|
|
position: relative;
|
|
color: black;
|
|
bottom: 44px;
|
|
left: 52%;
|
|
margin-left: 32px;
|
|
}
|
|
|
|
[class*="vtex-address-form__postalCode"] :global(.vtex-input__label) {
|
|
font-size: 0;
|
|
}
|
|
|
|
[class*="vtex-address-form__postalCode"] :global(.vtex-input__label)::after {
|
|
font-family: "Open Sans";
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-size: 14px;
|
|
line-height: 19px;
|
|
color: #929292;
|
|
content: "CALCULAR FRETE:";
|
|
}
|
|
|
|
[class*="vtex-address-form__postalCode-forgottenURL"] :global(.pointer) {
|
|
color: black;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
[class*="productDescriptionTitle"] {
|
|
font-family: "Open Sans";
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-size: 24px;
|
|
line-height: 38px;
|
|
}
|
|
|
|
[class*="productDescriptionContainer"] {
|
|
margin-left: 32px;
|
|
}
|
|
|
|
[class*="productDescriptionContainer"]:global(.content) {
|
|
width: 632px;
|
|
height: 66px;
|
|
font-family: "Open Sans";
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-size: 16px;
|
|
line-height: 22px;
|
|
color: #929292;
|
|
}
|
|
|
|
[class*="listContainer"] {
|
|
justify-content: space-around;
|
|
color: black;
|
|
background-color: transparent;
|
|
border-bottom: 1px solid #bfbfbf;
|
|
margin-bottom: 25px;
|
|
}
|
|
|
|
[class*="listContainer"] :global(.vtex-button__label) {
|
|
text-transform: capitalize;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
[class*="listContainer"] :global(.vtex-button__label):hover {
|
|
background-color: transparent;
|
|
}
|
|
|
|
[class*="listItemActive"] :global(.vtex-button) {
|
|
color: black !important;
|
|
background-color: transparent;
|
|
border: none;
|
|
border-bottom: 1px solid black;
|
|
border-radius: 0;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
[class*="listItem"] :global(.vtex-button) {
|
|
color: #bfbfbf;
|
|
border-radius: 0;
|
|
}
|
|
|
|
[class*="listItem"] :global(.vtex-button):hover {
|
|
background-color: transparent;
|
|
border: none;
|
|
border-bottom: 1px solid black;
|
|
}
|
|
|
|
[class*="listItemActive"] {
|
|
color: black;
|
|
}
|
|
|
|
[class*="pv2"] {
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
[class*="ma2"] {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
[class*="listItemActive"] :global(.vtex-button:hover) {
|
|
background-color: transparent;
|
|
border: none;
|
|
}
|
|
|
|
[class*="listContainer"] :global(.vtex-button__label:hover) {
|
|
color: black;
|
|
background-color: transparent;
|
|
border: none;
|
|
}
|
|
|
|
[class*="imageNormal"] {
|
|
width: 434.4px;
|
|
height: 434.4px;
|
|
}
|
|
|
|
[class*="newsletter"] {
|
|
color: white;
|
|
}
|
|
|
|
[id*="newsletter-input"] {
|
|
color: white;
|
|
background: black;
|
|
border: none;
|
|
}
|
|
|
|
[class*="t-heading-3"] {
|
|
content: "Teste \n teste 2";
|
|
margin-bottom: 57px;
|
|
font-size: 0;
|
|
}
|
|
[class*="t-heading-3"]::after {
|
|
content: "Assine nossa newsletter";
|
|
font-family: "Open Sans";
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-size: 24px;
|
|
line-height: 38px;
|
|
position: relative;
|
|
bottom: 47px;
|
|
}
|
|
|
|
[class*="textNewsletter"] {
|
|
color: white;
|
|
position: relative;
|
|
top: 38px;
|
|
}
|
|
|
|
[class*="newsletter"]:global(.vtex-input-prefix__group) {
|
|
border: none;
|
|
border-bottom: 1px solid white;
|
|
border-radius: 0;
|
|
}
|
|
|
|
[class*="buttonContainer"] :global(.vtex-button) {
|
|
border: none;
|
|
border-bottom: 2px solid white;
|
|
background-color: black;
|
|
border-radius: 0;
|
|
position: relative;
|
|
right: 12px;
|
|
}
|
|
|
|
[class*="vtex-store-components-3-x-shippingTableRadioBtn"] {
|
|
display: none;
|
|
}
|
|
|
|
[class*="vtex-store-components-3-x-shippingTableRow"]:nth-child(1)::after {
|
|
content: "ENTREGA";
|
|
position: relative;
|
|
right: 500%;
|
|
top: -23px;
|
|
font-family: "Open Sans";
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-size: 14px;
|
|
line-height: 19px;
|
|
color: #202020;
|
|
}
|
|
|
|
[class*="vtex-store-components-3-x-shippingTableRow"]:nth-child(2)::after {
|
|
content: "FRETE";
|
|
position: relative;
|
|
right: 329%;
|
|
top: -45px;
|
|
font-family: "Open Sans";
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-size: 14px;
|
|
line-height: 19px;
|
|
color: #202020;
|
|
}
|
|
|
|
[class*="vtex-store-components-3-x-shippingTableRow"]:nth-child(3)::after {
|
|
content: "PRAZO";
|
|
position: relative;
|
|
right: 108%;
|
|
top: -67px;
|
|
font-family: "Open Sans";
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-size: 14px;
|
|
line-height: 19px;
|
|
color: #202020;
|
|
}
|
|
|
|
[class*="vtex-store-components-3-x-shippingTable"] {
|
|
border: none;
|
|
margin-top: -76px;
|
|
}
|
|
|
|
[class*="discountInsideContainer"] {
|
|
display: none;
|
|
}
|
|
|
|
[class*="vtex-slider-layout-0-x-slide--shelf "]
|
|
:global(.vtex-product-summary-2-x-productBrand) {
|
|
font-family: "Open Sans";
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-size: 18px;
|
|
line-height: 25px;
|
|
text-align: center;
|
|
color: #000000;
|
|
}
|
|
|
|
[class*="vtex-slider-layout-0-x-slide--shelf "]
|
|
:global(.vtex-product-summary-2-x-productNameContainer) {
|
|
width: 282.4px;
|
|
height: 50px;
|
|
text-align: center;
|
|
}
|
|
|
|
[class*="vtex-slider-layout-0-x-slide--shelf "]
|
|
:global(.vtex-store-components-3-x-sellingPrice) {
|
|
font-family: "Open Sans";
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
font-size: 24px;
|
|
line-height: 33px;
|
|
text-align: center;
|
|
color: #000000;
|
|
}
|
|
|
|
[class*="vtex-slider-layout-0-x-slide--shelf "]
|
|
:global(.vtex-store-components-3-x-listPrice) {
|
|
font-family: "Open Sans";
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-size: 14px;
|
|
line-height: 19px;
|
|
text-align: center;
|
|
text-decoration-line: line-through;
|
|
}
|
|
|
|
[class*="vtex-slider-layout-0-x-slide--shelf "]
|
|
:global(.vtex-store-components-3-x-installmentsPrice) {
|
|
font-size: 0;
|
|
}
|
|
|
|
[class*="paginationDotsContainer"]
|
|
:global(.vtex-slider-layout-0-x-paginationDot--isActive) {
|
|
background: white !important;
|
|
border: 0.5px solid #000000;
|
|
}
|
|
|
|
[class*="paginationDotsContainer"]
|
|
:global(.vtex-slider-layout-0-x-paginationDot) {
|
|
background: black;
|
|
}
|
|
|
|
[class*="paragraph"] {
|
|
font-family: "Open Sans";
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-size: 24px;
|
|
line-height: 38px;
|
|
text-align: center;
|
|
color: #575757;
|
|
}
|
|
|
|
[class*="subscriberContainer"] :global(.vtex-store-components-3-x-title) {
|
|
font-size: 0;
|
|
}
|
|
|
|
[class*="subscriberContainer"]
|
|
:global(.vtex-store-components-3-x-title)::after {
|
|
content: "Produto Indisponível";
|
|
font-family: "Open Sans";
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
font-size: 16px;
|
|
line-height: 19px;
|
|
display: flex;
|
|
align-items: center;
|
|
font-weight: bold;
|
|
color: #868686;
|
|
}
|
|
[class*="subscriberContainer"]
|
|
:global(.vtex-store-components-3-x-subscribeLabel) {
|
|
font-size: 0;
|
|
}
|
|
[class*="subscriberContainer"]
|
|
:global(.vtex-store-components-3-x-subscribeLabel)::after {
|
|
content: "Deseja saber quando estiver disponível?";
|
|
font-family: "Open Sans";
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
font-size: 14px;
|
|
line-height: 19px;
|
|
display: flex;
|
|
align-items: center;
|
|
color: #868686;
|
|
}
|
|
|
|
[class*="container--home"] {
|
|
margin: 0 40px;
|
|
}
|
|
|
|
[class*="agenciamagma-store-theme-5-x-html--shipping"] {
|
|
position: relative;
|
|
bottom: 77px;
|
|
margin-top: 16px;
|
|
}
|
|
|
|
[class*="thumbImg--product-images"] {
|
|
width: 90px;
|
|
height: 90px;
|
|
gap: 16px;
|
|
display: flex;
|
|
}
|
|
|
|
[class*="productDescriptionText"]
|
|
:global(.vtex-store-components-3-x-container) {
|
|
margin: 0 !important;
|
|
}
|
|
|
|
[class*="vtex-store-components-3-x-container"] {
|
|
margin: 0 40px;
|
|
}
|
|
|
|
@media (max-width: 1024px) {
|
|
[class*="listContainer"] {
|
|
flex-direction: column;
|
|
}
|
|
|
|
[class*="vtex-store-components-3-x-container"]
|
|
:global(.vtex-flex-layout-0-x-flexRowContent) {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
[class*="vtex-flex-layout-0-x-stretchChildrenWidth"] {
|
|
width: 100% !important;
|
|
}
|
|
|
|
[class*="productNameContainer"] {
|
|
text-align: start !important;
|
|
}
|
|
|
|
[class*="product-identifier__value"] {
|
|
text-align: start !important;
|
|
position: unset !important;
|
|
}
|
|
|
|
[class*="productImageTag"] {
|
|
max-height: none !important;
|
|
width: 100% !important;
|
|
margin: auto !important;
|
|
}
|
|
|
|
[class*="ph5-m"] {
|
|
padding-left: 0 !important;
|
|
padding-right: 0 !important;
|
|
}
|
|
[class*="vtex-store-components-3-x-container"] {
|
|
margin: 0 40px;
|
|
}
|
|
|
|
[class*="flexRow--button-cart"] {
|
|
width: 85.382%;
|
|
}
|
|
|
|
[class*="productDescriptionContainer"] {
|
|
margin-left: 0px;
|
|
}
|
|
|
|
[class*="agenciamagma-store-theme-5-x-html--shipping"] {
|
|
position: relative !important;
|
|
bottom: 75.5px !important;
|
|
margin-top: 16px !important;
|
|
}
|
|
|
|
[class*="agenciamagma-store-theme-5-x-html--shipping"] {
|
|
position: relative !important;
|
|
bottom: 75.5px !important;
|
|
margin-top: 16px !important;
|
|
}
|
|
|
|
[class*="productDescriptionText"]
|
|
:global(.vtex-store-components-3-x-container) {
|
|
margin: 0 !important;
|
|
}
|
|
|
|
[class*="listContainer"] {
|
|
border-top: 1px solid #bfbfbf;
|
|
}
|
|
[class*="listItemActive"] :global(.vtex-button) {
|
|
border-bottom: none;
|
|
}
|
|
[class*="imageNormal"] {
|
|
width: 291.4px;
|
|
height: 291.4px;
|
|
}
|
|
|
|
[class*="listItem"] :global(.vtex-button):hover {
|
|
border-bottom: none;
|
|
}
|
|
|
|
[data-testid="product-description"] {
|
|
position: relative;
|
|
bottom: 125px;
|
|
}
|
|
|
|
[class*="thumbImg--product-images"] {
|
|
gap: 0px;
|
|
}
|
|
}
|