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