Stylus连接变量和字符串

Question

以下代码

for $i in (1..81)
   .block:nth-child({$i})
      transition transform 500ms ease $i\s

将编译为

.block:nth-child(1) {
    transition: transform 500ms ease 1 s;
}

......

但是数字和秒之间的空间是多余的！

如何删除它？

Answer 1

一种可能的方法：

for $i in (1..81)
   .block:nth-child({$i})
     transition transform 500ms ease 1s * $i

这实际上与Stylus文档的Selector Interpolation部分中给出的示例非常相似。

Answer 2

您可以使用unit()功能：

for $i in (1..81)
  .block:nth-child({$i})
    transition transform 500ms ease unit($i, 's')