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

Hey I figured this out and thought I would post back the answer. What was tripping me up was that the mixin vendor(prop, args) were indented thus it was not rendering the code. Watch the indents!

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

Should be:

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