challenge-vtex-io-izabela-b.../react/components/Html/styles.css

137 lines
2.6 KiB
CSS

/* * {
margin: 0;
}
[class*="productNameContainer--quickview"] {
color: gray;
text-align: right;
}
[class*="shareContainer"] {
display: none;
}
[class*="shippingContainer"] {
display: flex;
}
[class*="shippingContainer"] button {
margin-top: 20px;
width: 50px;
height: 50px;
background-color: black;
color: white;
}
[class*="shippingContainer"] button div {
color: white;
font-size: 0px;
}
[class*="shippingContainer"] button div::before {
content: "OK";
font-family: "Open Sans", sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 19px;
letter-spacing: 0em;
}
[class*="flexRowContent--btn-product"] button {
background-color: black;
border-color: black;
max-width: 526px;
width: 100%;
height: 49px;
display: flex;
border-radius: 0px;
}
[class*="flexRowContent--btn-product"] button span {
font-size: 0px;
}
[class*="flexRowContent--btn-product"] button span::after {
content: "ADICIONAR À SACOLA";
font-size: 14px;
font-family: "Open Sans", sans-serif;
}
[class*="quantitySelectorStepper"] button {
height: 49px;
background: white;
}
[class*="quantitySelectorStepper"] input {
height: 49px;
border-right: 0px;
border-left: 0px;
}
[class*="quantitySelectorStepper"] input {
height: 49px;
border: 1px solid #cccccc;
border-right: 0px;
border-left: 0px;
}
[class*="quantitySelectorStepper"] button:last-child {
border: 1px solid #cccccc;
border-left: 0;
width: 3em;
transition: opacity 150ms;
border-radius: 0;
}
button[class*="vtex-numeric-stepperminus-button numeric-stepperminus-button br2 pa0 br-0 flex items-center justify-center ba b--muted-4 bw1 h-small f6 bg-muted-5 c-disabled o-100 "] {
border: 1px solid #cccccc;
border-right: 0;
width: 3em;
transition: opacity 150ms;
border-radius: 0;
}
[class*="quantitySelectorTitle"] {
display: none;
} */
[class*="flexRowContent--btn-product"] button {
background-color: black;
border-color: black;
max-width: 526px;
width: 100%;
height: 49px;
display: flex;
border-radius: 0px;
left: 158px;
bottom: 73px;
}
[class*="flexRowContent--btn-product"] button span {
font-size: 0px;
}
[class*="flexRowContent--btn-product"] button span::after {
content: "ADICIONAR À SACOLA";
font-size: 14px;
font-family: "Open Sans", sans-serif;
}
[class*="flexRowContent--btn-product"] button:hover {
background-color: #000000;
}
[class*="vtex-address-form__postalCode-forgottenURL"] a {
color: black;
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
font-size: 12px;
}
[class*="vtex-address-form__postalCode-forgottenURL"] span {
display: none;
}