Jhey Tompkins
Aug 9, 2017 · 1 min read

Hey MDM!

Thanks for the kind words 😊

I was able to create any number of slides with any of the effects 😕

One thing to make sure of is that although all of the HTML is created, are all the CSS rules generated that are necessary?

The stylus variable $noOfSlides must be updated to match the number of slides you wish to create or each of the rules for each slide must be written within your CSS;

.carousel__activator:nth-of-type(1):checked ~ .carousel__track {
transform: translateX(0%);
}
.carousel__activator:nth-of-type(1):checked ~ .carousel__slide:nth-of-type(1) {
animation: carousel-show-slide 0.5s;
top: 0;
left: 0;
right: 0;
}
.carousel__activator:nth-of-type(1):checked ~ .carousel__controls:nth-of-type(1) {
display: block;
}
.carousel__activator:nth-of-type(1):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(1) {
opacity: 1;
}

I hope that can help you out!

    Jhey Tompkins

    Written by

    I make awesome things for awesome people!

    Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
    Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
    Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade