Sass使用变量来设置动画属性

Question

我有一个动画应用于元素的所有.wave个孩子：

.waves > .wave {
    animation: wave 0.5s 2 alternate;
}

我正在使用Sass for循环遍历所有wave并应用一个属性，比如animation-delay。

@for $i from 1 to 31 {
  .wave:nth-child(#{$i}) {
    animation-delay: 0.5s * $i;  
  }
}

我想使用$i设置一个在关键帧中使用的变量。

@for $i from 1 to 31 {
  .wave:nth-child(#{$i}) {
    $max: 0.8 * $i;  
  }
}

@keyframes wave {
  from {
    transform: scaleY(0); 
  }
  to {
    transform: scaleY($max);
  }
}