RamonDiasFerreira/challenge-vtex-io-ramon-dias-ferreira
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: estilização do botão de quantidade feita

Browse Source
This commit is contained in:
Ramon Dias Ferreira 2023-02-10 18:27:55 -03:00
parent 5bc6c42019
commit e897a62fed
3 changed files with 30 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
react/components/Html/styles.css
View File

@ -1,12 +1,12 @@
[class*="html--pix"] {
display: flex;
align-items: center;
gap: 26px;
}
[class*="html--cart-button"] {
display: flex;
gap: 10px;
} vtex-button{
background-color: black;
}

11
styles/css/vtex.product-quantity.css
View File

@ -12,4 +12,15 @@
}
.quantitySelectorContainer .quantitySelectorTitle {
display: none;
}
.quantitySelectorContainer .quantitySelectorStepper :global(.vtex-numeric-stepper__input) {
border-left: none;
border-right: none;
}
.quantitySelectorContainer .quantitySelectorStepper :global(.vtex-numeric-stepper__minus-button) {
background-color: #fff;
color: #000;
}
.quantitySelectorContainer .quantitySelectorStepper :global(.vtex-numeric-stepper__plus-button) {
color: #000;
}

18
styles/sass/pages/product/vtex.product-quantity.scss
View File

@ -3,6 +3,22 @@
.quantitySelectorTitle {
display: none;
}
}
.quantitySelectorStepper :global(.vtex-numeric-stepper__input){
border-left: none;
border-right: none;
}
.quantitySelectorStepper :global(.vtex-numeric-stepper__minus-button) {
background-color: #fff;
color: #000;
}
.quantitySelectorStepper :global(.vtex-numeric-stepper__plus-button) {
color: #000;
}
}