Basecamp Export

From the list: Mobile

✔ Slick Slider: Load Jamble

Kyle S. added this on Jun 04, 2020
Completed Jun 04, 2020 by Kyle S.

Assigned to: Kyle S.
Notes: https://github.com/kenwheeler/slick/issues/1741

Comments & Events

Kyle Sullivan completed this to-do.

Jun 04, 2020 at 6:00 PM

Kyle Sullivan re-opened this to-do.

Jun 04, 2020 at 6:01 PM

Kyle Sullivan, Web Development

The solution I went with isn't perfect, but it's an improvement.

  .heroSlider {
    height: 100%;
    margin: 0;
    .slick-list {
      height: 100%;
      .slick-track {
        height: 100%;
        .heroSlide {
          position: relative;
          background-position: center center;
          background-repeat: no-repeat;
          background-size: cover;
          &:not(:first-of-type) {
            .heroInfo {
              visibility: hidden;
            }
          }
        }
      }
    }
 …
    &.slick-initialized {
      .slick-list {
        .slick-track {
          .heroSlide {
            .heroInfo {              
              visibility: visible;
            }
          }
        }
      }
    }
  }

Jun 04, 2020 at 7:03 PM No one was notified

Kyle Sullivan completed this to-do.

Jun 04, 2020 at 7:03 PM