Sass переход-задержка петли?

Question

Я помещаю элементы в массив через AJAX и отображаю их каждый в DOM с постепенным переходом. Вот SASS, который я написал, чтобы добавить хорошую задержку для каждого последующего элемента:

  @for $i from 1 through 100 {
    .album:nth-of-type(#{$i}) {
      transition-delay: $i * 0.15s;
    }
  }

Это работает, как и ожидалось, однако проблема в том, что я разбиваю элементы на 6 по очереди. Это означает, что при первой выборке 6 все переходы ожидаются, однако, когда я выбираю следующие 6, а не выполняю рендеринг немедленно, на них влияет transition-delay инкремент.

то, что я ищу, это логика SASS, которая в основном будет сбрасывать инкремент transition-delay для каждого 6-го экземпляра / дочернего элемента. Как мне это сделать?

Answer 1

Эффективно достигает того же самого, только с 6 сгенерированными правилами. Логика CSS, а не SASS!

@for $i from 1 through 6 {
  .album:nth-of-type(6n + #{$i}) {
     transition-delay: $i * 0.15s;
  }
}