.config/coc/extensions/node_modules/coc-prettier/node_modules/stylelint/lib/rules/keyframe-declaration-no-important/README.md

   1 # keyframe-declaration-no-important
   2
   3 Disallow `!important` within keyframe declarations.
   4
   5 ```css
   6 @keyframes important2 {
   7   from { margin: 10px }
   8   to { margin: 20px !important }
   9 }                /* ↑ */
  10 /**                 ↑
  11 *     This !important */
  12 ```
  13
  14 Using `!important` within keyframes declarations is completely ignored in some browsers:
  15 [MDN - !important in a keyframe](https://developer.mozilla.org/en-US/docs/Web/CSS/@keyframes#!important_in_a_keyframe)
  16
  17 ## Options
  18
  19 ### `true`
  20
  21 The following patterns are considered violations:
  22
  23 ```css
  24 @keyframes important1 {
  25   from {
  26     margin-top: 50px;
  27   }
  28   to {
  29     margin-top: 100px !important;
  30   }
  31 }
  32 ```
  33
  34 ```css
  35 @keyframes important1 {
  36   from {
  37     margin-top: 50px;
  38   }
  39   to {
  40     margin-top: 100px!important;
  41   }
  42 }
  43 ```
  44
  45 ```css
  46 @keyframes important1 {
  47   from {
  48     margin-top: 50px;
  49   }
  50   to {
  51     margin-top: 100px ! important;
  52   }
  53 }
  54 ```
  55
  56 The following patterns are *not* considered violations:
  57
  58 ```css
  59 a { color: pink !important; }
  60 ```
  61
  62 ```css
  63 @keyframes important1 {
  64   from {
  65     margin-top: 50px;
  66   }
  67   to {
  68     margin-top: 100px;
  69   }
  70 }
  71 ```