Linting CSS

[ascott1]

Moving this discussion from issue #9.

From @anselmbradford

Along the lines of what @mistergone is saying, what about a jshint model that hints at what should be updated, but doesn't update the files directly? I'm not sure on requiring git hooks, but having an easy to turn them on would be nice.

and @jimmynotjim

Looks like grunt-recess and grunt-lesslint are the main linters people are using (going by NPM downloads). Recess also seems to have a SublimeLinter plugin for doing auto-linting.

[Scotchester]

This website has lots of CSS testing resources, which I have yet to thoroughly investigate: http://csste.st/

[anselmbradford]

Has anyone looked at https://github.com/postcss/postcss, it looks very powerful for doing post-processing, linting, etc.

[ascott1]

Is this something we should be doing? Are any projects doing this now? If so, what tools are you using?

[Scotchester]

I definitely think we should be. I don't know of any projects actually doing it yet.

[ascott1]

Discussed 07/17 in front-end meeting. Closing issue.

[ascott1]

JK LOL re-opening and putting in our backlog

[ascott1]

https://github.com/csscomb/csscomb.js

[cfarm]

Didn't folks try out CSS Comb? How did y'all like it?

[jimmynotjim]

We do this now with Stylelint, can we close this?

[Scotchester]

We do? I know we experimented, but it's not in daily use anywhere yet, is it?

[jimmynotjim]

It is in Capital Framework https://github.com/cfpb/capital-framework/blob/canary/scripts/gulp/lint.js#L56

[anselmbradford]

Stylelint used in the wild in the design system https://github.com/cfpb/design-system/blob/main/stylelint.config.js

Could be added to consumerfinance.gov repo