Dart SCSS 拒绝 $ 语法
Dart SCSS rejecting $ syntax
我正在使用Codekit编译和处理SCSS，最近建议从Liblass升级到Dart，以备将来使用。
这似乎是一个简单的切换，但我确实有一段代码在编译期间抛出错误。我想知道是否有人可以提供帮助？错误是：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); }
}
谢谢。
您需要interpolate变量：
@for $i from 1 to 50 {
&:nth-child(#{$i}) { transition-delay: calc(#{$i} * 150ms); }
}
我正在使用Codekit编译和处理SCSS，最近建议从Liblass升级到Dart，以备将来使用。
这似乎是一个简单的切换，但我确实有一段代码在编译期间抛出错误。我想知道是否有人可以提供帮助？错误是：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); }
}
谢谢。
您需要interpolate变量：
@for $i from 1 to 50 {
&:nth-child(#{$i}) { transition-delay: calc(#{$i} * 150ms); }
}