在SCSS中使用Dot Before Var

Question

如果我在#{$i}s之前删除了点，则此scss有效。

@for $i from 1 through 9 {
  #a#{$i} {
      animation-duration: .#{$i}s;
    }
}

然而，当我加入点时，Gulp给了我这个错误：

Error: Invalid CSS after "...ation-duration:": expected expression (e.g. 1px, bold), was ".#{$i}s;"
        on line 3 of app/sass/_common.scss
>>       animation-duration: .#{$i}s;
   -------------------------^

我需要这个点，因为我想要.1s，.2s，.3s等等。我如何使这项工作？

Answer 1

我会这样做：

animation-duration: $i * 0.1s;