@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"
  }
}

Lefthook

Check staged markdown

# .lefthook.yml
pre-commit:
  parallel: true
  commands:
    styles-lint:
      glob: '*.{css,scss}'
      run: pnpm exec stylelint {staged_files}

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.