css - 使用原生 CSS3 mixins 的 Stylus mixins？

Question

我正在创建一个 mixin，它允许我为 transform: rotate(45deg) 做无前缀样式。问题是我不知道如何使用正确的 Stylus 语法来完成它。这是我到目前为止所拥有的:

transform-rotate()
    -webkit-transform: rotate(arguments)
    -moz-transform: rotate(arguments)
    -o-transform: rotate(arguments)
    -ms-transform: rotate(arguments)
    transform: rotate(arguments)

然后我想在我的 .styl 工作表中使用以下代码调用它:

transform-rotate(45deg)

但是当我这样做时，出现以下错误:

Cannot call method 'map' of undefined

我认为问题在于 Stylus 试图将原生 CSS3 rotate() mixin 视为自定义 mixin，当它尝试时，它找不到 rotate 的实现()。我不完全确定，但这是我最初的想法。

我该如何写出来才能正确编译？任何想法将不胜感激。提前致谢。

Answer 1

使用 Stylus 不需要括号，问题已解决!

transform-rotate
    -webkit-transform rotate arguments
    -moz-transform rotate arguments
    -o-transform rotate arguments
    -ms-transform rotate arguments
    transform rotate arguments

我建议您使用 Nib，这是一种处理浏览器前缀的手写笔插件:http://visionmedia.github.io/nib/