forked from M3-Academy/challenge-vtex-io
feat(pdp): estiliza skus de cor e tamanho #3
@ -68,6 +68,37 @@
|
|||||||
text-transform: uppercase;
|
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"] {
|
/* [class*="skuSelectorTextContainer"] [class*="c-muted-1"] {
|
||||||
color: #929292;
|
color: #929292;
|
||||||
} */
|
} */
|
||||||
|
@ -131,6 +131,7 @@
|
|||||||
|
|
||||||
"sku-selector": {
|
"sku-selector": {
|
||||||
"props": {
|
"props": {
|
||||||
|
"testId": "sku-selector",
|
||||||
"variationsSpacing": 3,
|
"variationsSpacing": 3,
|
||||||
"showValueNameForImageVariation": true
|
"showValueNameForImageVariation": true
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user