stylelint-config-varp v1.7.2

stylelint-config-varp

Set up

1. Install with peer dependencies:

npm install -D stylelint-config-varp

2. Create .stylelintrc.js with content:

module.exports = {
    extends: ["stylelint-config-varp"],
    rules: {
        /* Additional rules */
    }
};

3. Add .stylelintignore with content:

.*/
!*.scss

4. Add .vscode/settings.json with content:

{
  "[scss]": {
    "editor.codeActionsOnSave": {
      "source.fixAll.stylelint": true
    }
  },
  "stylelint.validate": [
    "scss"
  ],
  "stylelint.snippet": [
    "scss"
  ]
}

5. Add new scripts to package.json:

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

6. Call stylelint with eslint:

"scripts": {
    "lint": "eslint . && stylelint \"**/*.scss\"",
    "lint:fix": "eslint . --fix && stylelint \"**/*.scss\" --fix"
}

Cases

Override folder

module.exports = {
    extends: "../.stylelintrc.js",
    rules: {
        /* Overrided rules */
    }
};