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 #2

Merged
anacarolinaduartecavalcante merged 94 commits from develop into master 2023-02-03 17:19:00 +00:00
Conversation 0 Commits 94 Files Changed 68 +56
2 changed files with 56 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 4775e9f8c7 - Show all commits

27
styles/css/vtex.slider-layout.css
View File

@ -149,6 +149,33 @@
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
.sliderLayoutContainer--carousel .sliderLeftArrow {
visibility: hidden;
width: 11.2px;
height: 29.6px;
}
.sliderLayoutContainer--carousel .sliderLeftArrow::before {
content: "";
background: url("https://agenciamagma.vteximg.com.br/arquivos/sliderLeftArrow-m3academy-anacarolinaduartecavalcante.svg");
visibility: visible;
width: 11.2px;
height: 29.6px;
left: 0;
position: absolute;
}
.sliderLayoutContainer--carousel .sliderRightArrow {
visibility: hidden;
width: 11.2px;
height: 29.6px;
}
.sliderLayoutContainer--carousel .sliderRightArrow::before {
content: url(https://agenciamagma.vteximg.com.br/arquivos/sliderRightArrow-m3academy-anacarolinaduartecavalcante.svg);
visibility: visible;
width: 11.2px;
height: 29.6px;
right: 0;
position: absolute;
}
.sliderLayoutContainer--carousel .paginationDotsContainer { .sliderLayoutContainer--carousel .paginationDotsContainer {
display: flex; display: flex;
align-items: center; align-items: center;

29
styles/sass/pages/product/vtex.slider-layout.scss
View File

@ -125,6 +125,35 @@
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
.sliderLeftArrow {
visibility: hidden;
width: 11.2px;
height: 29.6px;
}
.sliderLeftArrow::before {
content: "";
background: url("https://agenciamagma.vteximg.com.br/arquivos/sliderLeftArrow-m3academy-anacarolinaduartecavalcante.svg");
visibility: visible;
width: 11.2px;
height: 29.6px;
left: 0;
position: absolute;
}
.sliderRightArrow {
visibility: hidden;
width: 11.2px;
height: 29.6px;
}
.sliderRightArrow::before {
content: url(https://agenciamagma.vteximg.com.br/arquivos/sliderRightArrow-m3academy-anacarolinaduartecavalcante.svg);
visibility: visible;
width: 11.2px;
height: 29.6px;
right: 0;
position: absolute;
}
.paginationDotsContainer { .paginationDotsContainer {
display: flex; display: flex;
align-items: center; align-items: center;