stylelint-config-cloudfour-suit

stylelint-config-cloudfour-suit

A sharable stylelint config object that enforces Cloud Four's CSS Standards & SUIT naming convention

Installation

Install stylelint and stylelint-config-cloudfour-suit:

npm install stylelint stylelint-config-cloudfour-suit --save-dev

Usage

If you've installed stylelint-config-cloudfour-suit locally within your project, just set your stylelint config to:

{
  "extends": "stylelint-config-cloudfour-suit"
}

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, change the indentation to tabs, turn off the number-leading-zero rule,and add the unit-whitelist rule:

{
  "extends": "stylelint-config-cloudfour-suit",
  "rules": {
    "at-rule-no-unknown": [ true, {
      "ignoreAtRules": [
        "extends",
        "ignores"
      ]
    }],
    "indentation": "tab",
    "number-leading-zero": null,
    "unit-whitelist": ["em", "rem", "s"]
  }
}

Documentation

Extends

• stylelint-config-cloudfour: A sharable stylelint config object that enforces Cloud Four's CSS Standards

Plugins

• stylelint-selector-bem-pattern: Stylelint plugin that enforces SUIT naming convention (despite the name).

What's the difference between stylelint-config-cloudfour-suit and stylelint-config-cloudfour?

stylelint-config-cloudfour only contains the CSS formatting rules. stylelint-config-cloudfour-suit extends it, and additionally enforces the SUIT naming convention. In most cases, you should use stylelint-config-cloudfour-suit, but if your project doesn't follow the SUIT naming scheme, then you can use stylelint-config-cloudfour directly.

Changelog

License

Changelog

2.0.0 - 2019-11-19

• Major version bump due to Stylelint v12