css - 使用原生 CSS3 混合的手写笔混合？

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

手写笔不需要括号，问题解决了！

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/