diff --git a/checkout/src/arquivos/sass/lib/_slick.scss b/checkout/src/arquivos/sass/lib/_slick.scss index 74460fb..1cacbf0 100644 --- a/checkout/src/arquivos/sass/lib/_slick.scss +++ b/checkout/src/arquivos/sass/lib/_slick.scss @@ -18,7 +18,7 @@ position: relative; overflow: hidden; display: block; - margin: 0; + margin: 0 -16px; padding: 0; &:focus { @@ -65,6 +65,7 @@ float: left; height: 100%; min-height: 1px; + margin: 0 8px 56px 8px; outline: none; [dir="rtl"] & { float: right; @@ -95,6 +96,9 @@ height: auto; border: 1px solid transparent; } + @media (max-width: 1024px) { + margin: 0px 7.5px 56px 7.5px; + } } .slick-arrow { font-size: 0; @@ -104,11 +108,31 @@ background: url("https://agenciamagma.vteximg.com.br/arquivos/arrow-left-mini-M3Academy.svg") no-repeat center center; z-index: 4; + top: 167px; + border: none; left: 10px; + @include mq(tv, min) { + background: url("https://agenciamagma.vteximg.com.br/arquivos/arrow-left-M3Academy.svg") + no-repeat center center; + top: 313px; + width: 26px; + height: 58px; + } } .slick-next { + background: url("https://agenciamagma.vteximg.com.br/arquivos/arrow-right-mini-M3Academy.svg") + no-repeat center center; + top: 167px; z-index: 4; + border: none; right: 10px; + @include mq(tv, min) { + background: url("https://agenciamagma.vteximg.com.br/arquivos/arrow-right-M3Academy.svg") + no-repeat center center; + top: 313px; + width: 26px; + height: 58px; + } } .slick-arrow.slick-hidden { display: none;