DEPRECATED :warning:

Use our official namescoped package https://www.npmjs.com/package/@pixel2html/stylelint-config

Right now this is just a thin wrapper around it so install that instead :)

stylelint-config-pixel2html

Stylelint SCSS config recommendations from Pixel2HTML

Your standard every day bro scss stylelint configuration:

Installation

If you're using our Frontend Boilerplate or our Shopify Boilerplate then you don't have to do anything you're already linting like a boss.

Manual Installation

npm install stylelint stylelint-config-pixel2html --save-dev

Usage

Just set your stylelint config to:

{
  "extends": "stylelint-config-pixel2html"
}

Extending the config

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

For example, to turn off the block-no-empty rule, and add the unit-whitelist rule:

{
  "extends": "stylelint-config-recommended-scss",
  "rules": {
    "block-no-empty": null,
    "unit-whitelist": ["em", "rem", "s"]
  }
}