New Rule: no-duplicate-keyframe-selectors

[snitin315]

Rule details

Disallow duplicate selectors within keyframe blocks.

What type of rule is this?

Warns about a potential problem

Example code

/* eslint css/no-duplicate-keyframe-selectors: "error" */

@keyframes foo { 0% {} 0% {} } // error

@keyframes foo { from {} from {} } // error

@keyframes foo { 0% {} 100% {} } // ✅

@keyframes foo { from {} to {} } // ✅

Participation

• I am willing to submit a pull request to implement this rule.

Additional comments

corresponding stylelint rule - https://stylelint.io/user-guide/rules/keyframe-block-no-duplicate-selectors

[nzakas]

Sounds like a good idea. 👍 Marking as accepted.

[thecalamiity]

I'd be happy to send a PR for this.

[snitin315]

@thecalamiity Thanks, but I have already started working on it.