stylelint-config-varp

Stylelint config by Varp

Usage no npm install needed!

<script type="module">
  import stylelintConfigVarp from 'https://cdn.skypack.dev/stylelint-config-varp';
</script>

README

stylelint-config-varp

How to set up

  1. Install with peer dependencies:
npx install-peerdeps --dev stylelint-config-varp
  1. Create .stylelintrc.js with content:
module.exports = {
    extends: ["stylelint-config-varp"],
    rules: {
        /* Additional rules */
    }
};
  1. Add .vscode/settings.json with content:
{
  "[scss]": {
    "editor.codeActionsOnSave": {
      "source.fixAll.stylelint": true
    }
  },
  "stylelint.validate": [
    "scss"
  ],
  "stylelint.snippet": [
    "scss"
  ]
}
  1. Add .stylelintignore with content:
node_modules
*.*
!*.scss
  1. Add new scripts to package.json:
"scripts": {
    "stylelint": "stylelint \"**/*.scss\"",
    "stylelint:fix": "stylelint \"**/*.scss\" --fix"
}
  1. Call stylelint with eslint:
"scripts": {
    "lint": "stylelint \"**/*.scss\" && eslint .",
    "lint:fix": "stylelint \"**/*.scss\" --fix && eslint . --fix"
}