noImportantInKeyframe
Diagnostic Category: lint/suspicious/noImportantInKeyframe
Since: v1.8.0
Sources:
Description
Section titled “Description”Disallow invalid !important
within keyframe declarations
Using !important
within keyframes declarations is completely ignored in some browsers.
Examples
Section titled “Examples”Invalid
Section titled “Invalid”@keyframes foo { from { opacity: 0; } to { opacity: 1 !important; }}
code-block.css:6:18 lint/suspicious/noImportantInKeyframe ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
✖ Using !important within keyframes declaration is completely ignored in some browsers.
4 │ }
5 │ to {
> 6 │ opacity: 1 !important;
│ ^^^^^^^^^^
7 │ }
8 │ }
ℹ Consider removing useless !important declaration.
@keyframes foo { from { opacity: 0; } to { opacity: 1; }}
How to configure
Section titled “How to configure”{ "linter": { "rules": { "suspicious": { "noImportantInKeyframe": "error" } } }}