DaviKlein/challenge-vtex-io-davi-klein
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

feat(main-product): finaliza a estilizacao do componenta

Browse Source
This commit is contained in:
DaviHKlein 2023-02-10 14:39:35 -03:00
parent bc2a0b0f67
commit 93dbf90842
2 changed files with 91 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
styles/sass/pages/product/vtex.breadcrumb.scss Normal file
View File

@ -0,0 +1,35 @@
.container {
align-items: center;
.homeLink {
padding: 0;
.homeIcon {
display: none;
}
}
.homeLink::before {
content: "Home";
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: #929292;
}
.arrow--1 {
.link {
font-size: 0;
}
.link::before {
content: "Sapatos";
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: #929292;
}
}
}

56
styles/sass/pages/product/vtex.product-quantity.scss Normal file
View File

@ -0,0 +1,56 @@
.quantitySelectorContainer {
margin: 0;
.quantitySelectorTitle {
display: none;
}
:global(.vtex-numeric-stepper-wrapper) {
:global(.vtex-numeric-stepper-container) {
:global(.vtex-numeric-stepper__input) {
width: 32px;
height: 49px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 1px;
border-bottom-width: 1px;
border-color: #cccccc;
color: #929292;
font-weight: 400;
font-size: 16px;
line-height: 22px;
}
:global(.vtex-numeric-stepper__plus-button-container) {
height: 49px;
:global(.vtex-numeric-stepper__plus-button) {
font-family: "Open Sans", sans-serif;
height: 49px;
border-top-width: 1px;
border-bottom-width: 1px;
border-color: #cccccc;
color: #000000;
border-radius: 0;
font-weight: 400;
font-size: 16px;
line-height: 22px;
}
}
:global(.vtex-numeric-stepper__minus-button-container) {
height: 49px;
:global(.vtex-numeric-stepper__minus-button) {
font-family: "Open Sans", sans-serif;
height: 49px;
border-top-width: 1px;
border-bottom-width: 1px;
border-color: #cccccc;
color: #000000;
border-radius: 0;
background-color: #ffffff;
font-weight: 400;
font-size: 16px;
line-height: 22px;
}
}
}
}
// .quantitySelectorStepper {
// }
}