Skip to content

Latest commit

 

History

History
42 lines (27 loc) · 1.24 KB

LINTING.md

File metadata and controls

42 lines (27 loc) · 1.24 KB
Raw

Linting

stylelint

For linting styles with stylelint, we provide our custom config tailored for linaria - @brandonkal/linaria/stylelint-config. Stylelint now supports CSS-in-JS syntax, so no preprocessor is needed. This means you can also use stylelint --fix on your JavaScript files.

Installation

You need to install stylelint and optionally your favorite config (such as stylelint-config-recommended) in your project:

yarn add --dev stylelint stylelint-config-recommended

Configuring stylelint

All you need to do is to set your config to extend from @brandonkal/linaria/stylelint-config.

Here's the example .stylelintrc configuration file:

{
  "extends": [
    "stylelint-config-recommended",
    "@brandonkal/linaria/stylelint-config"
  ]
}

Please refer to the official stylelint documentation for more info about configuration.

Linting your files

Add the following to your package.json scripts:

"lint:css": "stylelint src/**/*.js"

Now, you can run yarn lint:css to lint the CSS in your JS files with stylelint.

For more information refer to stylelint documentation.