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 逻辑，它基本上将每 6 个 instance/child 重置 transition-delay 增量。我该怎么做？

Answer 1

有效地实现了同样的事情，只生成了 6 个规则。 CSS 逻辑，而不是 SASS!

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

Sass transition-delay loop?