@levakorg/stylelint-config

Stylelint config levakorg org's

Setup

1. Installation

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

or

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

2. Configuration

package.json

{
  "stylelint": {
    "extends": ["@levakorg/stylelint-config"]
  }
}

.stylelintrc | .stylelintrc.json

{
  "extends": ["@levakorg/stylelint-config"]
}

.stylelintrc.js

module.exports = {
  extends: ['@levakorg/stylelint-config']
}

3. Add scripts

"stylelint": "stylelint {**/*,*}.{css,less,scss,sass,styl,stylus,styled.js,styled.ts}",
"stylelint:fix": "stylelint {**/*,*}.{css,less,scss,sass,styl,stylus,styled.js,styled.ts} --fix",

4. Using scripts

npm run stylelint

npm run stylelint:fix

or

yarn stylelint

yarn stylelint:fix

Notes

1. Using preprocessors

@levakorg/stylelint-config/less

@levakorg/stylelint-config/scss

@levakorg/stylelint-config/sass

@levakorg/stylelint-config/stylus

@levakorg/stylelint-config/styled-components

or use a total config

@levakorg/stylelint-config/total

2. Config / Performance

• [x] css
• [x] less
  • May not recover the first time
• [x] scss
  • May not recover the first time
• [x] sass
  • Disabled prettier config
• [x] stylus
  • Disabled prettier config
• [x] styled-components
  • Requires .styled.js / .styled.ts extension
  • Does not declare ignored properties
• [x] total