@dweidner/stylelint-config v4.0.0

@dweidner/stylelint-config

An opinionated, shareable config for stylelint.

Extends stylelint-config-standard.

Turns on a handful of additional rules in addition to those already activated in the standard configuration:

• Standardize quotes
  • font-family-name-quotes
  • function-url-quotes
  • selector-attribute-quotes
  • string-quotes
• Standardize font notations
  • font-weight-notation
• Prefer hsl for color notations
  • color-named
  • color-no-hex
• Disallow vendor prefixes (use autoprefixer instead)
  • at-rule-no-vendor-prefix
  • property-no-vendor-prefix
  • selector-no-vendor-prefix
  • value-no-vendor-prefix
• Control specificity
  • max-nesting-depth
  • selector-max-attribute
  • selector-max-class
  • selector-max-combinators
  • selector-max-compound-selectors
  • selector-max-id
  • selector-max-pseudo-class
  • selector-max-specificity
  • selector-max-type
  • selector-max-universal

Installation

Install stylelint and @dweidner/stylelint-config

With npm

npm install --save-dev stylelint @dweidner/stylelint-config

With yarn

yarn add --dev stylelint @dweidner/stylelint-config

Usage

If you've installed @dweidner/stylelint-config locally within your project, just reference it in your stylelint config. See the stylelint configuration documentation for more details.

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

Check the stylelint CLI documentation((https://stylelint.io/user-guide/cli/) to see how to execute the linter. One possibility would to add the following configuration to your package.json:

{
  "scripts": {
    "stylelint": "stylelint 'src/**/*.scss'"
  }
}

Now you can check for style violation by running the following commands:

With npm

npm run stylelint

With Yarn

yarn run stylelint

Changelog

License