More detailed rules for prefixed properties

[itpastorn]

Currently CSS Lint requires the use of all vendor prefixes for gradients. However, for other properties it just says that I should add the standard property at the bottom. This is sub optimal for a number of reasons.

1. Some properties are not stable enough yet. E.g. CSS keyframe based animation. This is actually bad, but encouraged by CSS Lint:

   
   div {
       -webkit-animation-name: bounce;
        animation-name: bounce;
   }
   

   Why is it bad? Because (a) I am excluding Firefox 5 and (b) the syntax may still change. Thus this is better:

   
   div {
     -webkit-animation-name: bounce;
       -moz-animation-name: bounce;
   }
   

Ergo CSS Lint should not require the usage of non-prefixed properties for rules that are still in the very early stages of experimental implementations. But a notice could be in order, when people code Webkit or Gecko exclusive code. (It's rarely anything but Webkit these days...)

BTW, this problem is not solved by turning off the rule. I still would like to be notified when I don't use all available prefixes.

1. Besides gradients all major browsers of today support or is about to support 2D-transforms and therefore they should be treated like gradients.
2. Same goes for (non keyframe) transitions.

It seems we need a lookup table of some sort, based on this table.

[shinuza]

Forgive me if I'm wrong but I believe CSSLint will rather recommend this:

div {
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  animation-name: bounce;
}

[barberboy]

I added a rule 'compatible-vender-prefixes' that checks if you omit a compatible vendor prefixed property. The pull request is at #78.