Lint CSS code with stylelint

[jeddy3]

Ref: #51

Adds stylelint to the npm run lint run-script.

I put the config inside package.json to match the existing babel and eslint configs.

There were a handful of changes to the CSS to bring it inline with stylelint-config-standard, mainly consistent leading zeros and hex color case.

[mxstbr]

LGTM

[jeddy3]

Can we merge or does it need a second approval?

[mxstbr]

Needs a second LGTM. @MoOx?

Maybe we should set this to one LGTM, what do you think?

[marcustisater]

LGTM

[marcustisater]

Agreed, set it to one LGTM, I think two would be kept once the website is live.

[mxstbr]

Done with the latest commit, should be effective immediately. @jeddy3 we need another PR to try this on... ;)

[jeddy3]

@jeddy3 we need another PR to try this on... ;)

On its way :)

[marcustisater]

😜

[MoOx]

@jeddy3 is there a way to indent based on the "nesting" of the selector? (to keep this?)

[jeddy3]

Yep, I believe the 'hierarchicalSelectors option' within the indentation rule would work here. But I figured it'd be better to use the actual nesting feature of postcss-cssnext and not have to extend and override the indentation rule within stylelint-config-standard. The CSS now looks like:

:global .markdownIt-Anchor {
  position: absolute;
  left: -1.5rem;
  opacity: 0.1;
  transition: opacity 0.2s;

  @nest :--headings:hover & {
    opacity: 1;
  }
}

It was changed in the follow-up PR that added postcss-cssnext to the boilerplate.

Sound good to you, or shall we take another look at it?

[MoOx]

Good enough. Thanks for the clear explanation.