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 @pixel2html/stylelint-config --save-dev

Usage

Just set your stylelint config to:

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

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": "@pixel2html/stylelint-config",
  "rules": {
    "block-no-empty": null,
    "unit-whitelist": ["em", "rem", "s"]
  }
}