Pętla scss

Jak przerobić te pseudoklasy z transition na pętle ?

.app-skills--container {
        display: flex;
        flex-wrap: wrap;

        .app-skills--div {
            flex-basis: 100%;
            @include flex-center-mobile;
            opacity: 0;
            transform: translateY(30px);

            &.skills-div__active {
                opacity: 1;
                transform: translateY(0);
            }

            &:nth-of-type(1) {
                transition: .3s;
            }

            &:nth-of-type(2) {
                transition: .5s;
            }

            &:nth-of-type(3) {
                transition: .7s;
            }

            &:nth-of-type(4) {
                transition: .9s;
            }

            &:nth-of-type(5) {
                transition: 1.1s;
            }

            &:nth-of-type(6) {
                transition: 1.3s;
            }

            img {
                width: 70px;
                margin: 15px 8px;
            }

            .app-skills--p {
                font-family: 'Roboto', sans-serif;
                letter-spacing: 1px;
            }
        }
    }