AdilsonFernandoNevesOrnellas/challenge-vtex-io-Adilson-Fernando-Neves-Ornellas
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

hotfix: setas do slick iguais ao figma

Browse Source
This commit is contained in:
Adilson Fernando Neves Ornellas 2023-01-31 16:05:26 -03:00
parent 10b06a6794
commit 62e5fdd8a7
2 changed files with 31 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -7,6 +7,21 @@
*/
/* Media Query M3 */
/* Grid breakpoints */
.sliderLayoutContainer--carousel .sliderLeftArrow {
visibility: hidden;
}
.sliderLayoutContainer--carousel .sliderLeftArrow::after {
visibility: visible;
content: url("https://agenciamagma.vtexassets.com/arquivos/AdilsonFernandoNevesOrnellas-leftarrowslick.png");
}
.sliderLayoutContainer--carousel .sliderRightArrow {
visibility: hidden;
}
.sliderLayoutContainer--carousel .sliderRightArrow::after {
visibility: visible;
content: url("https://agenciamagma.vtexassets.com/arquivos/AdilsonFernandoNevesOrnellas-rightarrowslick.png");
}
.sliderTrackContainer--carousel {
background-color: #fff;
margin-left: 40px;

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

@ -1,6 +1,19 @@
// .sliderLayoutContainer--carousel{
// }
.sliderLayoutContainer--carousel {
.sliderLeftArrow {
visibility: hidden;
&::after {
visibility: visible;
content: url("https://agenciamagma.vtexassets.com/arquivos/AdilsonFernandoNevesOrnellas-leftarrowslick.png");
}
}
.sliderRightArrow{
visibility: hidden;
&::after{
visibility: visible;
content: url("https://agenciamagma.vtexassets.com/arquivos/AdilsonFernandoNevesOrnellas-rightarrowslick.png");
}
}
}
.sliderTrackContainer--carousel {
background-color: $color-white;
@ -23,15 +36,6 @@
height: 402.2px;
}
}
// .sliderArrows--carousel {
// .caretIcon--carousel {
// }
// }
// .sliderArrows--carousel {
// .caretIcon--carousel {
// }
// }
}
.paginationDotsContainer--carousel {
.paginationDot--carousel {