mirror of https://github.com/istio/istio.io.git
fix slider items on mobile (#15338)
This commit is contained in:
parent
2f877b3f78
commit
fd66771076
|
@ -35,6 +35,14 @@
|
|||
autoScroll: {
|
||||
speed: 1,
|
||||
},
|
||||
breakpoints: {
|
||||
768: {
|
||||
perPage: 2,
|
||||
},
|
||||
534: {
|
||||
perPage: 1,
|
||||
},
|
||||
},
|
||||
pagination: false,
|
||||
}).mount( window.splide.Extensions );
|
||||
});
|
||||
|
|
|
@ -100,6 +100,10 @@
|
|||
width: 100%;
|
||||
transition: filter .175s ease-in;
|
||||
|
||||
@media(max-width: $bp-md) {
|
||||
height: 120px;
|
||||
}
|
||||
|
||||
img {
|
||||
max-height: 100%;
|
||||
max-width: 200px;
|
||||
|
@ -111,5 +115,9 @@
|
|||
left: 0;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
|
||||
@media(max-width: $bp-md) {
|
||||
max-width: 260px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue