Node.js Stylus Interpolation 未呈现文档中显示的样式答案

【问题标题】：Node.js Stylus Interpolation is not rendering the styles as show in docsNode.js Stylus Interpolation 未呈现文档中显示的样式
【发布时间】：2012-12-24 03:43:54
【问题描述】：

我正在尝试使用手写笔运行特定于供应商的 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

应该可以工作，但是在呈现样式表时没有边框半径属性？

另外，只做 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
}

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

谢谢

【问题讨论】：

虽然这不能回答您的问题，但我建议您查看nib。除此之外，它以可重用的方式解决了这个供应商前缀问题。

标签： css node.js mixins stylus

【解决方案1】：

嘿，我想通了，我想我会发回答案。让我绊倒的是 mixin vendor(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

【讨论】：