skyquake/plugins/launchpad/src/carousel/skyquakeCarousel.scss

   1 .carousel-component {
   2   border: 1px dashed #f00;
   3   height:400px;
   4   overflow:hidden;
   5     .carousel-container {
   6         display:flex;
   7         position: relative;
   8         left: -100%;
   9         transform: translateX(100%);
  10         &.is-reversing {
  11             transform: translateX(-100%);
  12         }
  13         &.is-set {
  14             transform: none;
  15             transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  16         }
  17         .slide {
  18             flex:1 0 100%;
  19             order:2;
  20             border:1px solid white;
  21             width: 100px;
  22             height: 100px;
  23             &.is-ref {
  24                 order:1;
  25             }
  26         }
  27     }
  28 }