noDuplicateSelectorsKeyframeBlock
Diagnostic Category: lint/suspicious/noDuplicateSelectorsKeyframeBlock
Since: v1.8.0
Sources:
Description
Section titled “Description”Disallow duplicate selectors within keyframe blocks.
Examples
Section titled “Examples”Invalid
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
@keyframes foo { 0% {} 100% {} }
@keyframes foo { from {} to {} }
How to configure
Section titled “How to configure”{ "linter": { "rules": { "suspicious": { "noDuplicateSelectorsKeyframeBlock": "error" } } }}