ManuelaLuanaSchumackerTavares/challenge-vtex-io-manuela-luana-schumacker-tavares
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(pdp): estiliza skus de cor e tamanho #3

Merged
ManuelaLuanaSchumackerTavares merged 1 commits from feature/skus into develop 2023-02-04 17:46:44 +00:00
Conversation 0 Commits 1 Files Changed 2 +32
2 changed files with 32 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -68,6 +68,37 @@
text-transform: uppercase;
}
[class*="skuSelectorSubcontainer--cor"] [class*="br2"] {
border-radius: 24px;
}
[class*="skuSelectorSubcontainer--cor"] [class*="frameAround"] [class*="bw1"],
[class*="br3"] {
border-width: 2px;
border-radius: 24px;
border-color: black;
}
[class*="skuSelectorItem"] [class*="br2"] {
border-radius: 24px;
}
[class*="skuSelectorItem"] [class*="pr5"] {
padding-right: 11px;
}
[class*="skuSelectorItem"] [class*="pl5"] {
padding-left: 11px;
}
/* [class*="frameAround"] [class*="br3"] {
border-radius: 24px !important;
}
[class*="frameAround"] [class*="b--action-primary"] {
color: black !important;
} */
/* [class*="skuSelectorTextContainer"] [class*="c-muted-1"] {
color: #929292;
} */

1
store/blocks/pdp/product.jsonc
View File

@ -131,6 +131,7 @@
"sku-selector": {
"props": {
"testId": "sku-selector",
"variationsSpacing": 3,
"showValueNameForImageVariation": true
}