LeonardoPereiraRocha/challenge-vtex-io-leonardo-pereira-rocha
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: ajusta o tamanho e o nome do skuselector

Browse Source
This commit is contained in:
Leonardo Pereira Rocha 2023-02-07 01:41:10 -03:00
parent 8bed70ca95
commit d966ece78b
1 changed files with 47 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -46,13 +46,59 @@
height: 46px; height: 46px;
} }
[class*="frameAround"] { [class*="skuSelectorSubcontainer--cor"]
:global(.vtex-store-components-3-x-skuSelectorName) {
font-size: 0;
}
[class*="skuSelectorSubcontainer--cor"]
:global(.vtex-store-components-3-x-skuSelectorName)::after {
font-size: 12px;
content: "OUTRAS CORES";
}
[class*="skuSelectorSubcontainer--cor"]
:global(.vtex-store-components-3-x-skuSelectorSelectorImageValue) {
font-size: 0;
}
[class*="skuSelectorSubcontainer--tamanho"]
:global(.vtex-store-components-3-x-skuSelectorName) {
font-size: 0;
}
[class*="skuSelectorSubcontainer--tamanho"]
:global(.vtex-store-components-3-x-skuSelectorName)::after {
font-size: 12px;
content: "OUTROS TAMANHOS:";
}
[class*="skuSelectorSubcontainer--cor"]
:global(.vtex-store-components-3-x-frameAround) {
border-radius: 24px; border-radius: 24px;
width: 48px; width: 48px;
height: 48px; height: 48px;
border-color: black; border-color: black;
} }
[class*="skuSelectorSubcontainer--tamanho"]
:global(.vtex-store-components-3-x-frameAround) {
border-radius: 24px;
width: 40px;
height: 40px;
border-color: black;
left: 0.5px;
top: -1.8px;
}
[class*="skuSelectorSubcontainer--tamanho"]
:global(.vtex-store-components-3-x-skuSelectorInternalBox) {
border-radius: 24px;
width: 40px;
height: 40px;
border-color: black;
}
[class*="skuSelectorItemTextValue"] { [class*="skuSelectorItemTextValue"] {
position: absolute; position: absolute;
top: 50%; top: 50%;