css - Node.js Stylus Interpolation 未呈现文档中所示的样式

Question

我正在尝试使用手写笔运行供应商特定的 css mixin，我直接从文档中获取了它，但它似乎根本没有渲染 css。有什么想法吗？

vendor(prop, args)
  -webkit-{prop} args
     -moz-{prop} args
      -ms-{prop} args
       -o-{prop} args
          {prop} args

border-radius()
  vendor('border-radius', arguments)

li
 border-radius 3px 3px 0 0

应该可以工作，但是当渲染样式表时没有 border-radius 属性？

此外，仅进行 mixin 就可以正常工作

border-radius()
  -webkit-border-radius arguments
  -moz-border-radius arguments
  -ms-border-radius arguments
  -o-border-radius arguments
  border-radius arguments

li
  border-radius 3px

渲染:

li{
  -webkit-border-radius: 3px
  -moz-border-radius: 3px
  -ms-border-radius: 3px
  -o-border-radius: 3px
  border-radius: 3px
}

正如预期的那样。对此有什么想法吗？

谢谢

Answer 1

嘿，我想通了这一点，并想我会发回答案。让我困惑的是 mixin 供应商(prop，args)是缩进的，因此它没有渲染代码。注意缩进!

vendor(prop, args)
  -webkit-{prop} args
     -moz-{prop} args
      -ms-{prop} args
       -o-{prop} args
          {prop} args

应该是:

vendor(prop, args)
  -webkit-{prop} args
  -moz-{prop} args
  -ms-{prop} args
  -o-{prop} args
  {prop} args