@ri-digital/stylelint-config v4.0.0

@ri-digital/stylelint-config

This package provides a wrapper for stylelint styling rules.

Install

yarn add -D @ri-digital/stylelint-config

Install with npm:

npm install -D @ri-digital/stylelint-config

Usage

Create stylint.config.js file and add:

module.exports = {
  extends: ["@ri-digital/stylelint-config"],
  rules: {
    // add any rule you want to disable or enable. Example:
    // 'selector-class-pattern': null,
  },
};

Command line scripts

In your package.json file:

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

VSCode settings

Install stylint extension and add this lines to settings.json file:

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