timeline customisations - amanda

style.css

/* Even posts background colour */
.timeline_vertical > .ct-div-block:nth-child(even) {
    background: blue;
}


/* Add transforms to fade animations */
.timeline_vertical > .ct-div-block:nth-child(even)[data-aos^=fade][data-aos^=fade] {
    transform: translateX(50px);
}

.timeline_vertical > .ct-div-block:nth-child(odd)[data-aos^=fade][data-aos^=fade] {
    transform: translateX(-50px);
}


/* Make sure transforms reset when scrolled to */
.timeline_vertical > .ct-div-block[data-aos^=fade][data-aos^=fade].aos-animate {
    transform: none;
}