Remove duplicate keyframe declarations

[yocontra]

Some css pre-processors don't have a way to import keyframes only once so you end up with duplicates all over the place.

Related: https://github.com/LearnBoost/stylus/issues/1579

[peterbe]

Yep. Consider:

let css = `
@keyframes progress-bar-stripes {
    0% {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}
@keyframes progress-bar-stripes {
    0% {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}
`
const minifiedCss = csso.minify(css).css
console.log(minifiedCss);

This yields

@keyframes progress-bar-stripes{0%{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{0%{background-position:40px 0}to{background-position:0 0}}

[peterbe]

Actually, in this commit it does say
"remove duplicate (with the same name) keyframes (keep last one)".

So once that feature is released, we can close this. Right?

[lahmatiy]

Yes, you're right. Thank you for pointing on this issue.

[lahmatiy]

v3.2.0 fixed the issue.