如何为某个前缀制作通用的 Stylus mixin？答案

【问题标题】：How to make generic Stylus mixins for a certain prefix?如何为某个前缀制作通用的 Stylus mixin？
【发布时间】：2012-01-12 14:50:50
【问题描述】：

我目前正在使用 Stylus 来绕过供应商特定的 CSS 属性：

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

animation()
    vendor('animation', arguments)

但是，这仅适用于animation，不适用于animation-name 或animation-duration。

有没有办法为任何animation-* 创建一个mixin，而不考虑属性名称的结尾？

【问题讨论】：

看看github.com/visionmedia/nib。他们会自动为您执行其中的一些操作，但不是全部。
这已经有几年的历史了，但对于现在偶然发现它的人，我推荐使用 autoprefixer。

标签： css stylus

【解决方案1】：

你真的应该研究一下 nib——它提供了一堆使一切正常的 mixin。

目前没有办法实现你想要的，所以如果你仍然想坚持使用自己的 mixin，那么创建所有这些 mixin 就像animation-name() 等只是一个复制和粘贴的工作。

【讨论】：