@exadel/esl/modules/esl-carousel/renderers/esl-carousel.grid.renderer.less

Exadel Smart Library (ESL) is the lightweight custom elements library that provide a set of super-flexible components

.esl-carousel-grid-renderer {
  [esl-carousel-slides] {
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-auto-columns: auto;
    grid-auto-flow: column;

    transition: none;
    max-width: 100%;
    max-height: 100%;
  }

  &.esl-carousel-vertical [esl-carousel-slides] {
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
    grid-auto-flow: row;
  }

  /* stylelint-disable-next-line */
  &.esl-carousel-horizontal :is([esl-carousel-slide], [esl-carousel-fake-slide]) {
    width: var(--esl-slide-size, --esl-slide-initial-size, 100%);
  }

  /* stylelint-disable-next-line */
  &.esl-carousel-vertical :is([esl-carousel-slide], [esl-carousel-fake-slide]) {
    height: var(--esl-slide-size, --esl-slide-initial-size, 100%);
  }
}