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

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

.esl-carousel-css-renderer {
  [esl-carousel-slides] {
    display: grid;
    grid-template-areas: 'slide';
    position: relative;
    width: 100%;
  }

  [esl-carousel-slide] {
    grid-area: slide;
    z-index: 0;
    position: relative;
    backface-visibility: hidden;
    top: 100%;
    visibility: hidden;
  }

  [esl-carousel-slide]:is([active], [pre-active]) {
    top: 0;
    visibility: visible;
  }

  [esl-carousel-slide][active] {
    z-index: 1;
  }
}