development icon indicating copy to clipboard operation
development copied to clipboard

Published 20 hours ago • verified publisher icon cfpb

Linting CSS

Open ascott1 opened this issue 10 years ago • 12 comments

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.

ascott1 avatar Feb 19 '15 21:02 ascott1

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

Scotchester avatar Mar 16 '15 19:03 Scotchester

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

anselmbradford avatar Apr 06 '15 20:04 anselmbradford

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

ascott1 avatar Jun 26 '15 19:06 ascott1

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

Scotchester avatar Jun 26 '15 19:06 Scotchester

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

ascott1 avatar Jul 17 '15 18:07 ascott1

JK LOL re-opening and putting in our backlog

ascott1 avatar Jul 17 '15 18:07 ascott1

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

ascott1 avatar Jul 17 '15 18:07 ascott1

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

cfarm avatar Aug 22 '16 15:08 cfarm

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

jimmynotjim avatar Apr 18 '18 22:04 jimmynotjim

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

Scotchester avatar Apr 19 '18 14:04 Scotchester

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

jimmynotjim avatar Apr 19 '18 15:04 jimmynotjim

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

anselmbradford avatar Jul 01 '21 15:07 anselmbradford