challenge-vtex-io-Filipe-Qu.../react/components/Html/styles.css

81 lines
1.6 KiB
CSS

[class*='html--quantity-wrapper'] {
display: flex;
align-items: center;
margin-bottom: 16px;
}
[class*='vtex-product-quantity-1-x-quantitySelectorContainer'] {
margin: 0;
}
[class*='quantitySelectorTitle'] {
display: none;
}
[class*='vtex-numeric-stepper-container'] {
margin-right: 10px;
height: 49px;
}
[class*='vtex-numeric-stepper__input'],
[class*='vtex-numeric-stepper__plus-button'],
[class*='vtex-numeric-stepper__minus-button'] {
height: 49px;
}
[class*='vtex-numeric-stepper__input'] {
border: 1px solid #afafaf;
border-right: none;
border-left: none;
color: #929292;
font-weight: 400;
font-size: 16px;
line-height: 22px;
width: 44px;
}
[class*='vtex-numeric-stepper__minus-button'] {
border: none;
border: 1px solid #afafaf;
border-right: none;
border-radius: 0;
background-color: white;
}
[class*='vtex-numeric-stepper__minus-button-container'],
[class*='vtex-numeric-stepper__minus-button__text'] {
border: none;
}
[class*='vtex-numeric-stepper__plus-button'] {
border: none;
border: 1px solid #afafaf;
border-left: none;
border-radius: 0;
}
[class*='vtex-numeric-stepper__plus-button-container'],
[class*='vtex-numeric-stepper__plus-button__text'] {
border: none;
}
[class*='vtex-numeric-stepper__plus-button__text'],
[class*='vtex-numeric-stepper__minus-button__text'] {
display: flex;
align-items: center;
color: #000000;
height: 43px;
}
[class*='html--buy-button'] {
width: 100%;
}
@media screen and (max-width: 768px) {
[class*='html--quantity-wrapper'] {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
}