How to automatically check the quality of less/scss code?

Question

css

What tools are there to automatically check less/scss code?
This is not a validation check, but a quality check. For example, to avoid "magic" numbers, duplication of values ​​in different places, checking for BEM usage, using !important, etc.

Answer 1

The easiest method is to compile to CSS and run it through CSSLint. If you want perversions, then you can drive through LessLint. Both solutions are available, for example, for Grunt. The first option is better, because, for example, plugins were recently added to Less and the same directory imports or user-defined functions (added by plugins) can cause errors.