.showDelayed {
    opacity: 0;
    animation-name: fadeIn;
    animation-duration: .25s;
    animation-fill-mode: forwards;
}

@for $i from 1 through 12 {
    .showDelayed#{$i} {
        animation-delay: calc(#{$i} * .25s);
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}