@tiagoporto/stylelint-config

Shareable Config for Stylelint.

Installation

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

Usage

// .stylelintrc.mjs
export default {
  extends: ['@tiagoporto/stylelint-config']
}

In package.json add the following scripts:

{
  "scripts": {
    "lint:styles": "stylelint \"**/*.{css,scss}\"",
    "lint:styles:fix": "stylelint \"**/*.{css,scss}\" --fix"
  }
}

Lint-staged

Check staged markdown

// .lintstagedrc.mjs
export default {
  '*.{css,scss}': 'stylelint --fix'
}

Editor

For VSCode is recommended the following extensions:

• Stylelint

// .vscode/settings.json
{
  "editor.codeActionsOnSave": {
    "source.fixAll": "explicit"
  },
  "editor.formatOnSave": true,
  "stylelint.validate": ["css", "scss"]
}

License

@tiagoporto/stylelint-config © 2025 by Tiago Porto is licensed under MIT License.