forked from M3-Academy/challenge-vtex-io
hotfix: setas do slick iguais ao figma
This commit is contained in:
parent
10b06a6794
commit
62e5fdd8a7
@ -7,6 +7,21 @@
|
|||||||
*/
|
*/
|
||||||
/* Media Query M3 */
|
/* Media Query M3 */
|
||||||
/* Grid breakpoints */
|
/* 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 {
|
.sliderTrackContainer--carousel {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
margin-left: 40px;
|
margin-left: 40px;
|
||||||
|
@ -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 {
|
.sliderTrackContainer--carousel {
|
||||||
background-color: $color-white;
|
background-color: $color-white;
|
||||||
@ -23,15 +36,6 @@
|
|||||||
height: 402.2px;
|
height: 402.2px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// .sliderArrows--carousel {
|
|
||||||
// .caretIcon--carousel {
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
// .sliderArrows--carousel {
|
|
||||||
// .caretIcon--carousel {
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
|
|
||||||
}
|
}
|
||||||
.paginationDotsContainer--carousel {
|
.paginationDotsContainer--carousel {
|
||||||
.paginationDot--carousel {
|
.paginationDot--carousel {
|
||||||
|
Loading…
Reference in New Issue
Block a user