diff --git a/checkout/src/arquivos/sass/lib/_slick.scss b/checkout/src/arquivos/sass/lib/_slick.scss index 74460fb..fc2d2eb 100644 --- a/checkout/src/arquivos/sass/lib/_slick.scss +++ b/checkout/src/arquivos/sass/lib/_slick.scss @@ -71,6 +71,11 @@ } img { display: block; + + @include mq(xl, min) { + height: 485px; + width: 485px; + } } &.slick-loading img { display: none; @@ -100,19 +105,49 @@ font-size: 0; position: absolute; } + +.slick-prev, +.slick-next { + z-index: 4; + border: none; + outline: none; +} + .slick-prev { background: url("https://agenciamagma.vteximg.com.br/arquivos/arrow-left-mini-M3Academy.svg") no-repeat center center; - z-index: 4; + left: 10px; + top: 185px; + width: 13px; + height: 29px; + + @include mq(xl, min) { + width: 26px; + height: 58px; + top: 313px; + } } + .slick-next { - z-index: 4; - right: 10px; + background: url("https://agenciamagma.vteximg.com.br/arquivos/arrow-right-mini-M3Academy.svg") + no-repeat center center; + right: 31px; + top: 185px; + width: 13px; + height: 29px; + + @include mq(xl, min) { + width: 26px; + height: 58px; + top: 313px; + } } + .slick-arrow.slick-hidden { display: none; } + .slick-dots { li { margin: 0.5em;