Widget:Carousel: Difference between revisions
From MoHA Wiki
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
<style> | <style> | ||
.mw-content-ltr ol.carousel-indicators { margin: revert !important; } | .mw-content-ltr ol.carousel-indicators { margin: revert !important; } | ||
.carousel { | |||
overflow-y: hidden; | |||
object-fit: cover; | |||
display: flex; | |||
align-items: center; | |||
max-height: 130px !important; | |||
} | |||
@media screen and ( min-width: 768px ) { | |||
.carousel { | |||
max-height: 200px !important; | |||
} | |||
} | |||
@media screen and ( min-width: 1105px ) { | |||
.carousel { | |||
max-height: 300px !important; | |||
} | |||
} | |||
</style> | </style> | ||
<a class="carousel-control-prev" href="#<!--{$id}-->" role="button" data-slide="prev"><!-- | <a class="carousel-control-prev" href="#<!--{$id}-->" role="button" data-slide="prev"><!-- |
Revision as of 20:47, October 28, 2023
<style> .mw-content-ltr ol.carousel-indicators { margin: revert !important; } .carousel { overflow-y: hidden; object-fit: cover; display: flex; align-items: center; max-height: 130px !important; } @media screen and ( min-width: 768px ) { .carousel { max-height: 200px !important; } } @media screen and ( min-width: 1105px ) { .carousel { max-height: 300px !important; } } </style> <a class="carousel-control-prev" href="#" role="button" data-slide="prev">Previous</a> <a class="carousel-control-next" href="#" role="button" data-slide="next">Next</a>