css - 如何为某个前缀制作通用的 Stylus mixin？

Question

我目前正在使用 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-nameor animation-duration。

有没有办法为 any 创建一个 mixin animation-*，而不管属性名称的结尾是什么？

Answer 1

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

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