Sha256: 57bb7ff8bbf89c6961a0449689298d9509d1c211aafe6b317b8d5c3560f9f0d4
Contents?: true
Size: 1.34 KB
Versions: 24
Compression:
Stored size: 1.34 KB
Contents
# no-unknown-animations
Disallow unknown animations.
<!-- prettier-ignore -->
```css
a { animation-name: fancy-slide; }
/** ↑
* This animation name */
a { animation: fancy-slide 2s linear; }
/** ↑
* 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:
<!-- prettier-ignore -->
```css
a { animation-name: fancy-slide; }
```
<!-- prettier-ignore -->
```css
a { animation: fancy-slide 2s linear; }
```
<!-- prettier-ignore -->
```css
a { animation-name: fancccy-slide; }
@keyframes fancy-slide {}
```
<!-- prettier-ignore -->
```css
a { animation: linear 100ms fancccy-slide; }
@keyframes fancy-slide {}
```
<!-- prettier-ignore -->
```css
a { animation-name: jump; }
@keyframes fancy-slide {}
```
The following patterns are _not_ considered violations:
<!-- prettier-ignore -->
```css
a { animation-name: fancy-slide; }
@keyframes fancy-slide {}
```
<!-- prettier-ignore -->
```css
@keyframes fancy-slide {}
a { animation-name: fancy-slide; }
```
<!-- prettier-ignore -->
```css
@keyframes fancy-slide {}
a { animation: fancy-slide 2s linear; }
```
<!-- prettier-ignore -->
```css
a { animation: 100ms steps(12, end) fancy-slide; }
@keyframes fancy-slide {}
```
Version data entries
24 entries across 24 versions & 1 rubygems