Learn about our RFC process, Open RFC meetings & more.Join in the discussion! »

@wide/stylelint-config

2.0.0 • Public • Published

Stylelint config

The recommended stylelint config for scss files.

It turns on all the possible errors rules within stylelint.

  • SCSS Property: Use stylelint-scss plugin. Explore this project on Github.

  • Property Ordering: Extends stylelint-config-property-sort-order-smacss. Refer to here for the comprehensive list of property orders.

Installation

npm install stylelint stylelint-scss stylelint-config-property-sort-order-smacss stylelint-order @wide/stylelint-config --save-dev

Usage

If you've installed @wide/stylelint-config locally within your project, just set your stylelint config to:

{
  "extends": "@wide/stylelint-config"
}

Extending the config

Simply add a "rules" key to your config, then add your overrides and additions there.

For example, to change the at-rule-no-unknown rule to use its ignoreAtRules option, turn off the block-no-empty rule, and add the unit-whitelist rule:

{
  "extends": "@wide/stylelint-config",
  "rules": {
    "at-rule-no-unknown": [
      true,
      {
        "ignoreAtRules": ["extends"]
      }
    ],
    "block-no-empty": null,
    "unit-whitelist": ["em", "rem", "s"]
  }
}

Stylelint CLI

Use Stylelint CLI to check the supported files. Drop this line into your package.json and customize it as your needs:

{
  "scripts": {
    "lint:scss": "stylelint src/**/*.scss --formatter verbose"
  }
}

Thanks

Authors

Contributors

License

This project is licensed under the MIT License - see the licence file for details

Keywords

none

Install

npm i @wide/stylelint-config

DownloadsWeekly Downloads

1

Version

2.0.0

License

MIT

Unpacked Size

16.1 kB

Total Files

5

Last publish

Collaborators

  • avatar
  • avatar
  • avatar
  • avatar