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

feat: adiciona css de frameAround

Browse Source
This commit is contained in:
SamuelCondack 2023-01-30 16:47:51 -03:00
parent 4a32541a4b
commit 904f5a4149
3 changed files with 65 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
react/imagempix.css
View File

@ -5,6 +5,12 @@
} }
.priceandp{ .priceandp{
margin-left: 26px; margin-left: 26px;
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 25px;
color: rgba(0, 0, 0, 0.58);
} }
.priceandp>p{ .priceandp>p{
margin: 0; margin: 0;

28
styles/css/vtex.store-components.css
View File

@ -38,4 +38,32 @@
.skuSelectorContainer { .skuSelectorContainer {
display: flex; display: flex;
flex-direction: column-reverse; flex-direction: column-reverse;
}
.frameAround,
.skuSelectorInternalBox {
border-radius: 1.5rem;
z-index: 3;
padding: 0;
}
.skuSelectorSubcontainer--tamanho .skuSelectorItem {
height: 43px;
}
.skuSelectorSubcontainer--tamanho .frameAround {
width: 40px;
height: 40px;
bottom: -0.25rem;
top: 0rem;
left: 0rem;
right: -0.25rem;
}
.skuSelectorSubcontainer--tamanho .valueWrapper {
padding: 10px 11px;
width: 40px;
height: 40px;
}
.frameAround {
border-color: #000;
} }

31
styles/sass/pages/product/vtex.store-components.scss
View File

@ -28,3 +28,34 @@
display: flex; display: flex;
flex-direction: column-reverse; flex-direction: column-reverse;
} }
.frameAround,
.skuSelectorInternalBox {
border-radius: 1.5rem;
z-index: 3;
padding: 0;
}
.skuSelectorSubcontainer--tamanho {
.skuSelectorItem {
height: 43px;
}
.frameAround {
width: 40px;
height: 40px;
bottom: -0.25rem;
top: 0rem;
left: 0rem;
right: -0.25rem;
}
.valueWrapper {
padding: 10px 11px;
width: 40px;
height: 40px;
}
}
.frameAround {
border-color: #000;
}