Disallow !important
within keyframe declarations.
@keyframes important2 { from { margin: 10px } to { margin: 20px !important } } /* ↑ */ /** ↑ * This !important */
Using !important
within keyframes declarations is completely ignored in some browsers: MDN - !important in a keyframe
true
The following patterns are considered violations:
@keyframes important1 { from { margin-top: 50px; } to { margin-top: 100px !important; } }
@keyframes important1 { from { margin-top: 50px; } to { margin-top: 100px!important; } }
@keyframes important1 { from { margin-top: 50px; } to { margin-top: 100px ! important; } }
The following patterns are not considered violations:
a { color: pink !important; }
@keyframes important1 { from { margin-top: 50px; } to { margin-top: 100px; } }