Dart SCSS 拒绝 $ 语法

Question

我正在使用Codekit编译和处理SCSS，最近建议从Liblass升级到Dart，以备将来打样。

这似乎是一个简单的切换，但是我确实有一个 sn-p 代码在编译期间引发错误。我想知道是否有人可以提供帮助？错误是：Dart Sass failed with this error: Error: expected "$".

有问题的代码旨在迭代多个 nth-child() 元素，并逐步对它们应用转换延迟，每个项目增加 150 毫秒。

@for $i from 1 to 50 {
  &:nth-child($i) { transition-delay: calc($i * 150ms); }
}

谢谢。

Answer 1

你需要interpolate变量：

@for $i from 1 to 50 {
  &:nth-child(#{$i}) { transition-delay: calc(#{$i} * 150ms); }
}