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 +47
2 changed files with 47 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 3cd9ed0b6e - Show all commits

19
styles/css/vtex.flex-layout.css
View File

@ -1,3 +1,4 @@
@charset "UTF-8";
/* /*
0 - 600PX: Phone 0 - 600PX: Phone
600 - 900px: Table portrait 600 - 900px: Table portrait
@ -32,3 +33,21 @@
grid-template-columns: 48.819% 48.819%; grid-template-columns: 48.819% 48.819%;
} }
} }
.flexRow .flexRowContent .stretchChildrenWidth :global(.vtex-button):first-child {
background: #000000;
padding: 12px 64px;
height: 49px;
border: none;
border-radius: 0;
}
.flexRow .flexRowContent .stretchChildrenWidth :global(.vtex-button):first-child :global(.vtex-button__label)::before {
content: "ADICIONAR À SACOLA";
color: #ffffff;
font-weight: 400;
font-size: 18px;
line-height: 25px;
}
.flexRow .flexRowContent .stretchChildrenWidth :global(.vtex-button):first-child :global(.vtex-button__label) :global(.vtex-add-to-cart-button-0-x-buttonDataContainer) {
display: none;
}

28
styles/sass/pages/product/flex-layout/vtex.flex-layout.scss
View File

@ -23,3 +23,31 @@
grid-template-columns: 48.819% 48.819%; grid-template-columns: 48.819% 48.819%;
} }
} }
//Botao add Cart
.flexRow {
.flexRowContent {
.stretchChildrenWidth {
:global(.vtex-button):first-child {
background: #000000;
padding: 12px 64px;
height: 49px;
border: none;
border-radius: 0;
:global(.vtex-button__label)::before {
content: "ADICIONAR À SACOLA";
color: #ffffff;
font-weight: 400;
font-size: 18px;
line-height: 25px;
}
:global(.vtex-button__label) {
:global(.vtex-add-to-cart-button-0-x-buttonDataContainer) {
display: none;
}
}
}
}
}
}