anacarolinaduartecavalcante/challenge-vtex-io-ana-carolina-duarte-cavalcante
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Entrega do Desafio #1

Merged
anacarolinaduartecavalcante merged 93 commits from feature/challenge-vtex-io into develop 2023-02-03 17:14:03 +00:00
Conversation 0 Commits 93 Files Changed 68 +22 -82
2 changed files with 22 additions and 82 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit f1be791e87 - Show all commits

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

@ -168,55 +168,28 @@
margin: 0; margin: 0;
} }
.skuSelectorSubcontainer--cor .skuSelectorNameContainer .skuSelectorOptionsList { .skuSelectorSubcontainer--cor .skuSelectorNameContainer .skuSelectorOptionsList {
margin-left: 0;
column-gap: 16px; column-gap: 16px;
margin: 8px 0 0; margin: 8px 0 0;
height: 48px;
}
.skuSelectorSubcontainer--cor .skuSelectorNameContainer .skuSelectorOptionsList .skuSelectorItem--selected {
border-radius: 100%;
border: 2px solid #000000;
width: 48px;
height: 48px;
margin: 0;
}
.skuSelectorSubcontainer--cor .skuSelectorNameContainer .skuSelectorOptionsList .skuSelectorItem--selected .frameAround {
width: 48px;
height: 48px;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
bottom: 0;
top: 0;
right: 0;
border: 2px solid #000000;
}
.skuSelectorSubcontainer--cor .skuSelectorNameContainer .skuSelectorOptionsList .skuSelectorItem--selected .skuSelectorInternalBox .valueWrapper,
.skuSelectorSubcontainer--cor .skuSelectorNameContainer .skuSelectorOptionsList .skuSelectorItem--selected .skuSelectorInternalBox .skuSelectorItemImageValue {
border-radius: 100%;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
width: 48px;
height: 48px;
} }
.skuSelectorSubcontainer--cor .skuSelectorNameContainer .skuSelectorOptionsList .skuSelectorItem { .skuSelectorSubcontainer--cor .skuSelectorNameContainer .skuSelectorOptionsList .skuSelectorItem {
border-radius: 100%; border-radius: 100%;
width: 48px; width: 48px;
height: 48px; height: 48px;
margin: 0; margin: 0;
border: 1px solid #989898;
} }
.skuSelectorSubcontainer--cor .skuSelectorNameContainer .skuSelectorOptionsList .skuSelectorItem .frameAround { .skuSelectorSubcontainer--cor .skuSelectorNameContainer .skuSelectorOptionsList .skuSelectorItem .frameAround--sku-selector {
border-color: #000000;
border-width: 2px;
width: 48px; width: 48px;
height: 48px; height: 48px;
border-radius: 100%; border-radius: 24px;
border: none; top: 0;
display: flex; bottom: 0;
align-items: center; right: 0;
justify-content: center; left: 0;
z-index: 5;
margin: 0 auto; margin: 0 auto;
} }
.skuSelectorSubcontainer--cor .skuSelectorNameContainer .skuSelectorOptionsList .skuSelectorItem .skuSelectorInternalBox { .skuSelectorSubcontainer--cor .skuSelectorNameContainer .skuSelectorOptionsList .skuSelectorItem .skuSelectorInternalBox {

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

@ -106,7 +106,6 @@
margin-left: 0; margin-left: 0;
column-gap: 16px; column-gap: 16px;
margin: 8px 0 0; margin: 8px 0 0;
.skuSelectorItem { .skuSelectorItem {
border-radius: 100%; border-radius: 100%;
width: 40px; width: 40px;
@ -163,62 +162,30 @@
} }
} }
} }
.skuSelectorSubcontainer--cor { .skuSelectorSubcontainer--cor {
.skuSelectorNameContainer { .skuSelectorNameContainer {
margin: 0; margin: 0;
.skuSelectorOptionsList { .skuSelectorOptionsList {
margin-left: 0;
column-gap: 16px; column-gap: 16px;
margin: 8px 0 0; margin: 8px 0 0;
height: 48px;
.skuSelectorItem--selected {
border-radius: 100%;
border: 2px solid #000000;
width: 48px;
height: 48px;
margin: 0;
.frameAround {
width: 48px;
height: 48px;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
bottom: 0;
top: 0;
right: 0;
border: 2px solid #000000;
}
.skuSelectorInternalBox {
.valueWrapper,
.skuSelectorItemImageValue {
border-radius: 100%;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
width: 48px;
height: 48px;
}
}
}
.skuSelectorItem { .skuSelectorItem {
border-radius: 100%; border-radius: 100%;
width: 48px; width: 48px;
height: 48px; height: 48px;
margin: 0; margin: 0;
.frameAround { border: 1px solid #989898;
.frameAround--sku-selector {
border-color: #000000;
border-width: 2px;
width: 48px; width: 48px;
height: 48px; height: 48px;
border-radius: 100%; border-radius: 24px;
border: none; top: 0;
display: flex; bottom: 0;
align-items: center; right: 0;
justify-content: center; left: 0;
z-index: 5;
margin: 0 auto; margin: 0 auto;
} }
.skuSelectorInternalBox { .skuSelectorInternalBox {