challenge-vtex-io-bernardo-.../styles/sass/pages/product/vtex.product-quantity.scss

55 lines
1.1 KiB
SCSS

.quantitySelectorContainer {
margin: 0;
padding: 0;
.quantitySelectorTitle {
display: none;
}
.quantitySelectorStepper{
height: 49px;
width: 128px;
@media #{$mq-mobile} {
margin-bottom: 10px;
}
:global(.vtex-numeric-stepper-container) {
border: 1px solid #CCCCCC;
height: 49px;
width: 100%;
padding: 13.5px 16px;
display: flex;
justify-content: space-between;
align-items: center;
}
:global(.vtex-numeric-stepper__input) {
height: 100%;
border: none;
font-family: $font-family;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 22px;
text-align: center;
color: $color-gray6;
}
:global(.vtex-numeric-stepper__plus-button), :global(.vtex-numeric-stepper__minus-button){
border: none;
font-family: $font-family;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 22px;
text-align: center;
color: $color-black0;
height: 100%;
background: transparent;
width: auto!important;
}
}
}