Add misspelled property/value linter about scss-lint HOT 7 CLOSED

I think this would be great.

Do you know of a comprehensive list of valid words? Or, is there another tool that already does something like this that we could simply use or look at for inspiration?

from scss-lint.

@lencioni this might be a good starting point.

http://morrow.github.io/CSS-Reference/

I would suggest maybe running a linter against maybe 20+ sites in the wild and collecting the data from that.

then the linter could throw errors saying "unknown word: diplay" or whatever it may or may not know about already.

from scss-lint.

This is about as comprehensive as it gets: http://www.chromestatus.com/metrics/css/popularity

from scss-lint.

Nice fine, @mikesherov... 422 properties.

from scss-lint.

What's nice about this list too is that this is the list blink / webkit use to determine when to cut or add support. We can use this information to also make a list of "rare" selectors, and a linter that warns against their usage...

from scss-lint.

@mikesherov I had implemented an earlier draft of this a few weeks ago but never got around to merging it until now. I will have a look into the more comprehensive list you provided when I get a chance (but feel free to submit a PR if you would like to see a more comprehensive list sooner).

from scss-lint.

@sds, great! Glad to see this commit. I'll run this on my codebase and report any missing properties I find. Thanks again!

from scss-lint.