..
2022-03-10 10:36:59 +01:00
2022-03-10 10:36:59 +01:00

keyframe-declaration-no-important

Disallow !important within keyframe declarations.

@keyframes foo {
  from { opacity: 0 }
  to { opacity: 1 !important }
}              /* ↑ */
/**               ↑
*   This !important */

Using !important within keyframes declarations is completely ignored in some browsers.

Options

true

The following patterns is considered a violation:

@keyframes foo {
  from {
    opacity: 0;
  }
  to {
    opacity: 1 !important;
  }
}

The following patterns are not considered violations:

@keyframes foo {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
a { color: pink !important; }