DaviKlein/m3-academy-template-checkout-davi-klein
1
0
Fork 0
forked from M3-Academy/m3-academy-template-checkout
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request 'feat(sassSlick):Adiciona o sass do slick' (#5) from feature/SlickSass into development

Browse Source 
Reviewed-on: #5
This commit is contained in:
DaviKlein 2022-12-19 01:37:55 +00:00
commit c871d5d688
1 changed files with 25 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
checkout/src/arquivos/sass/lib/_slick.scss
View File

@ -18,7 +18,7 @@
position: relative; position: relative;
overflow: hidden; overflow: hidden;
display: block; display: block;
margin: 0; margin: 0 -16px;
padding: 0; padding: 0;
&:focus { &:focus {
@ -65,6 +65,7 @@
float: left; float: left;
height: 100%; height: 100%;
min-height: 1px; min-height: 1px;
margin: 0 8px 56px 8px;
outline: none; outline: none;
[dir="rtl"] & { [dir="rtl"] & {
float: right; float: right;
@ -95,6 +96,9 @@
height: auto; height: auto;
border: 1px solid transparent; border: 1px solid transparent;
} }
@media (max-width: 1024px) {
margin: 0px 7.5px 56px 7.5px;
}
} }
.slick-arrow { .slick-arrow {
font-size: 0; font-size: 0;
@ -104,11 +108,31 @@
background: url("https://agenciamagma.vteximg.com.br/arquivos/arrow-left-mini-M3Academy.svg") background: url("https://agenciamagma.vteximg.com.br/arquivos/arrow-left-mini-M3Academy.svg")
no-repeat center center; no-repeat center center;
z-index: 4; z-index: 4;
top: 167px;
border: none;
left: 10px; 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 { .slick-next {
background: url("https://agenciamagma.vteximg.com.br/arquivos/arrow-right-mini-M3Academy.svg")
no-repeat center center;
top: 167px;
z-index: 4; z-index: 4;
border: none;
right: 10px; 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 { .slick-arrow.slick-hidden {
display: none; display: none;