challenge-vtex-io-leonardo-.../react/components/Html/styles.css

132 lines
2.4 KiB
CSS

[class*="productImageTag--main"] {
max-width: 80.25%;
object-fit: none;
}
[class*="flexRow--button-cart"] :global(.vtex-button) {
background-color: black;
border-color: black;
width: 97.952%;
height: 49px;
}
[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*="skuSelectorInternalBox"] {
border-radius: 24px;
position: relative;
width: 40px;
height: 46px;
}
[class*="frameAround"] {
border-radius: 24px;
width: 48px;
height: 48px;
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*="productDescriptionTitle"] {
font-size: 0;
}
[class*="productDescriptionTitle"]::after {
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 38px;
content: "Descrição";
}