Vendor-keyframes get useless vendor-properties

[igl]

A simple animation:

@keyframes myAnim
    0%
        transform rotate(0)
    ...

...generates keyframes with tons of useless properties

@-moz-keyframes myAnim {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
    }
    ...

@-moz-keyframes should only have -moz-transform as property. etc.

[notslang]

Good catch... I still need to reproduce this once I get back home, but that looks like something that will be an easy fix.

[Calvein]

The keyframes prefixes are actually set with Stylus directly (http://learnboost.github.io/stylus/docs/keyframes.html), but yes, that's a bummer, and it creates keyframes for -ms- and -o- which never need the prefixes (event if the doc show only -webkit- and -moz-) and -moz- is pretty useless now since it was supported only 10 version ago (http://caniuse.com/#search=css3%20animation).

[tannerlinsley]

We should get this fixed. This would greatly impact the output size for nzAnimate http://github.com/nozzle/nzAnimate. Is this a stylus bug or a nib bug?

[igl]

Here is a fix:

vendors = 'official'
@keyframes myAnim
    0%
        transform rotate(0)

This should stop stylus from creating vendor prefixes and leave it up to nib. See: http://stylus-lang.com/docs/keyframes.html#expansion

Maybe nib could include that fix? Could it hurt?

[igl]

I closed this with a workaround. Could this be done by nib? @slang800