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>