Add CSS code linting about cg-dashboard HOT 10 CLOSED

It's actually here: https://github.com/18F/cg-style/blob/master/documentation/frontend_standards.md

from cg-dashboard.

Adding to the backlog because we're looking for a linter that isn't ruby based

from cg-dashboard.

We have a few options for JS based linters.

sass-lint looks pretty compelling, especially since it has a built in scss-lint config converter which could aid in the transition.

There is also a PostCSS-based tool (which doesn't support sass) called stylelint that we could use as a CSS linter but might not be the best option since it:

1. does not support Sass
2. diverges from the 18F front end guild guidelines since the configs are not compatible.

from cg-dashboard.

We're going to go with stylelint. It does support sass, and we're working on a config for 18F by adding some postcss plugins.

from cg-dashboard.

Sorry, wrote that before reading your answer.

Why isn't styelint compatible with scss?

from cg-dashboard.

Ended up picking this up because it coincided with a task I had to do for the front end guild and because it will be nice to have with more people working on the cg-style codebase.

from cg-dashboard.

I'm going to evaluate the acceptance criteria against the style guide repo because of cloud-gov/cg-style#83

from cg-dashboard.

@msecret this looks almost done. The last criteria is:

A developer should be able to find what CSS style guide is the standard in the CONTRIBUTING document.

from cg-dashboard.

Good call, will add now.

from cg-dashboard.

We don't have a CONTRIBUTING doc in 18f/cg-style (so that's bad acceptance criteria) but the style guide/linting information is there.

from cg-dashboard.