# keyframe-declaration-no-important

Disallow `!important` within declarations in a keyframe rule.

```css
@keyframes important2 {
  from { margin: 10px }
  to   { margin: 20px !important }
}                  /* ↑ */
/**                   ↑
 *            This !important */
```

The following patterns are considered warnings:

```css
@keyframes important1 {
  from { 
    margin-top: 50px; 
  }
  to { 
    margin-top: 100px !important; 
  }
}
```

```css
@keyframes important1 {
  from { 
    margin-top: 50px; 
  }
  to { 
    margin-top: 100px!important; 
  }
}
```

```css
@keyframes important1 {
  from { 
    margin-top: 50px; 
  }
  to { 
    margin-top: 100px ! important; 
  }
}
```

The following patterns are *not* considered warnings:

```css
a { color: pink !important; }
```

```css
@keyframes important1 {
  from { 
    margin-top: 50px; 
  }
  to { 
    margin-top: 100px; 
  }
}
```

# keyframe-declaration-no-important

Disallow `!important` within keyframe declarations.

```css
@keyframes important2 {
  from { margin: 10px }
  to { margin: 20px !important }
}                /* ↑ */
/**                 ↑
*     This !important */
```

The following patterns are considered warnings:

```css
@keyframes important1 {
  from {
    margin-top: 50px;
  }
  to {
    margin-top: 100px !important;
  }
}
```

```css
@keyframes important1 {
  from {
    margin-top: 50px;
  }
  to {
    margin-top: 100px!important;
  }
}
```

```css
@keyframes important1 {
  from {
    margin-top: 50px;
  }
  to {
    margin-top: 100px ! important;
  }
}
```

The following patterns are *not* considered warnings:

```css
a { color: pink !important; }
```

```css
@keyframes important1 {
  from {
    margin-top: 50px;
  }
  to {
    margin-top: 100px;
  }
}
```

Use keyframe declaration in description
Use keyframe declaration in description
