Sha256: 5c4adb75661fb784c45b26de395a5ab1368ec2bf81da384d875dba338ea5055c
Contents?: true
Size: 1.22 KB
Versions: 23
Compression:
Stored size: 1.22 KB
Contents
# keyframe-declaration-no-important
Disallow `!important` within keyframe declarations.
<!-- prettier-ignore -->
```css
@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](https://developer.mozilla.org/en-US/docs/Web/CSS/@keyframes#!important_in_a_keyframe)
## Options
### `true`
The following patterns are considered violations:
<!-- prettier-ignore -->
```css
@keyframes important1 {
from {
margin-top: 50px;
}
to {
margin-top: 100px !important;
}
}
```
<!-- prettier-ignore -->
```css
@keyframes important1 {
from {
margin-top: 50px;
}
to {
margin-top: 100px!important;
}
}
```
<!-- prettier-ignore -->
```css
@keyframes important1 {
from {
margin-top: 50px;
}
to {
margin-top: 100px ! important;
}
}
```
The following patterns are _not_ considered violations:
<!-- prettier-ignore -->
```css
a { color: pink !important; }
```
<!-- prettier-ignore -->
```css
@keyframes important1 {
from {
margin-top: 50px;
}
to {
margin-top: 100px;
}
}
```
Version data entries
23 entries across 23 versions & 1 rubygems