A shareable stylelint config for stylelint-processor-styled-components
npm install stylelint-config-styled-componentsstylelint-config-styled-componentsThe shareable stylelint config for stylelint-processor-styled-components
[![npm version][version-badge]][version-url]
[![build status][build-badge]][build-url]
[![greenkeeper badge][greenkeeper-badge]][greenkeeper-url]
When using stylelint-processor-styled-components
a couple of stylelint rules throw errors that you cannot prevent. Like
'no-empty-source' or
'no-missing-end-of-source-newline'.
This shareable config will automatically disable rules that cause unresolvable conflicts. Besides
those rules vendor prefixed properties
and values will throw an error since
styled-components automatically generates vendor prefixes for your css. Note that if you want to
change any of these rules you can always override them in your stylelint config.
``
npm install stylelint-config-styled-components --save-dev
After installing, add this config to your stylelint config like so:
`
{
"extends": "stylelint-config-styled-components"
}
If you're extending multiple shareable configs, put this config as the last so it overrides the relevant rules in all previous configs:
`
{
"extends": [
"stylelint-config-standard",
"stylelint-config-styled-components"
]
}
See also https://stylelint.io/user-guide/configuration for documentation on the various ways
stylelint can be configured.
[version-badge]: https://img.shields.io/npm/v/stylelint-config-styled-components.svg
[version-url]: https://www.npmjs.com/package/stylelint-config-styled-components
[build-badge]: https://travis-ci.org/styled-components/stylelint-config-styled-components.svg?branch=master
[build-url]: https://travis-ci.org/styled-components/stylelint-config-styled-components
[greenkeeper-badge]: https://badges.greenkeeper.io/styled-components/stylelint-config-styled-components.svg
[greenkeeper-url]: https://greenkeeper.io/