no-unknown-animations
Disallow unknown animations.
animation-name: fancy-slide; }
a { /** ↑
* This animation name */
animation: fancy-slide 2s linear; }
a { /** ↑
* And this one */
This rule considers the identifiers of @keyframes
rules
defined within the same source to be known.
Options
true
The following patterns are considered violations:
animation-name: fancy-slide; } a {
animation: fancy-slide 2s linear; } a {
animation-name: fancccy-slide; }
a { @keyframes fancy-slide {}
animation: linear 100ms fancccy-slide; }
a { @keyframes fancy-slide {}
animation-name: jump; }
a { @keyframes fancy-slide {}
The following patterns are not considered violations:
animation-name: fancy-slide; }
a { @keyframes fancy-slide {}
@keyframes fancy-slide {}
animation-name: fancy-slide; } a {
@keyframes fancy-slide {}
animation: fancy-slide 2s linear; } a {
animation: 100ms steps(12, end) fancy-slide; }
a { @keyframes fancy-slide {}