noDuplicateSelectorsKeyframeBlock
Diagnostic Category: lint/suspicious/noDuplicateSelectorsKeyframeBlock
Since: v1.8.0
Sources:
Description
Section titled DescriptionDisallow duplicate selectors within keyframe blocks.
Examples
Section titled ExamplesInvalid
Section titled Invalid@keyframes foo { from {} from {} }code-block.css:1:26 lint/suspicious/noDuplicateSelectorsKeyframeBlock ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
✖ The duplicate keyframe selector is overwritten by later one.
> 1 │ @keyframes foo { from {} from {} }
│ ^^^^
2 │
ℹ Consider using a different percentage value or keyword to avoid duplication
@keyframes foo { from {} FROM {} }code-block.css:1:26 lint/suspicious/noDuplicateSelectorsKeyframeBlock ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
✖ The duplicate keyframe selector is overwritten by later one.
> 1 │ @keyframes foo { from {} FROM {} }
│ ^^^^
2 │
ℹ Consider using a different percentage value or keyword to avoid duplication
@keyframes foo { 0% {} 0% {} }code-block.css:1:24 lint/suspicious/noDuplicateSelectorsKeyframeBlock ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
✖ The duplicate keyframe selector is overwritten by later one.
> 1 │ @keyframes foo { 0% {} 0% {} }
│ ^^
2 │
ℹ Consider using a different percentage value or keyword to avoid duplication
Valid
Section titled Valid@keyframes foo { 0% {} 100% {} }@keyframes foo { from {} to {} }How to configure
Section titled How to configure{ "linter": { "rules": { "suspicious": { "noDuplicateSelectorsKeyframeBlock": "error" } } }}