用于循环动画的Sass mixin

正在尝试创建一个mixin以循环通过.item的每个第n个子项

下面是我的资料

#case-studies .item {
  animation: card__moveIn 2s cubic-bezier(.22,1,.32,1) var(--delay) backwards;

  &:nth-child(1) {
    --delay: 1s;
  }

  &:nth-child(2) {
    --delay: 1.1666666666666665s;
  }

  &:nth-child(3) {
    --delay: 1.3333333333333335s;
  }

  &:nth-child(4) {
    --delay: 1.5s;
  }

  &:nth-child(5) {
    --delay: 1.6666666666666665s;
  }

  &:nth-child(6) {
    --delay: 1.8333333333333335s;
  }

  &:nth-child(7) {
    --delay: 2s;
  }

  &:nth-child(8) {
    --delay: 2.166666666666667s;
  }

  &:nth-child(9) {
    --delay: 2.3333333333333335s;
  }

  &:nth-child(10) {
    --delay: 2.5s;
  }

  &:nth-child(11) {
    --delay: 2.6666666666666665s;
  }

  &:nth-child(12) {
    --delay: 2.8333333333333335s;
  }

  &:nth-child(13) {
    --delay: 3s;
  }
}

---

我确实在这里看到了类似的东西，

你不需要混音器，它应该适合你的需要

#案例研究。项目{
动画：卡在2s立方贝塞尔（.22,1,32,1）变量（--延迟）向后移动；
}
@从1美元到13美元{
#案例研究。项目：第n个儿童（#{$i}）{
--延迟：{（1+0.1667*（$i-1））}s；
}
}

---

谢谢，太好了。