stylelint-less

stylelint-less

A collection of Less specific rules for stylelint

Purpose

Stylelint supports less syntax, but some of the rules in stylelint not working as expected , So created this plugin to supports those rules for less, since Stylelint is generally focused on standard CSS syntax.

Installation and usage

First install Stylelint-less and stylelint (if it is not instlled already)

npm install stylelint stylelint-less

Create a config for stylelint and add stylelint-less to the plugins array and the rules you need to the rules list. All rules from stylelint-scss need to be namespaced with less.

{
  "plugins": [
    "stylelint-less"
  ],
  "rules": {
     "declaration-colon-space-after": "always",
     "declaration-colon-space-before": "never",
     //Due to some limiations in postcss-less parser , above rules are mandatory, so that stylelint-less  will work as expected
  
    "at-rule-no-unknown": null,
    color-invalid-hex:"true",
    "less/color-invalid-hex":true
  }
}

Please refer to stylelint docs for the detailed info on using this linter.

List of Rules

• color-no-hex
• color-no-invalid-hex
• no-duplicate-variables

Use these variables with less namespace ex

less/color-no-hex: "true"