.stylelintrc.json

{
  "extends":                                  [
    "stylelint-order",
    "stylelint-config-rational-order/plugin"
  ],

  "plugins":                                  [
    "stylelint-color-format",
    "stylelint-config-rational-order/plugin",
    "stylelint-no-unsupported-browser-features"
    ]
    ,
  "rules":                                    {
    "color-format/format":                    {
      "format":                               "hsl"
    },
    "number-no-trailing-zeros":               true,
    "block-no-empty":                         true,
    "color-no-hex":                           true,
    "color-named":                            "never",
    "color-hex-case":                         "lower",
    "max-empty-lines":                        2,
    "plugin/no-unsupported-browser-features": [true, {
      "browsers":                             ["> 0.5% in us", "not dead"],
      "ignore":                               ["rem"]
    }],
    "plugin/rational-order":                  [true, {
      "empty-line-between-groups":            true
    }],
    "rule-empty-line-before":                 [ "always", {
      "except":                               ["first-nested"],
      "ignore":                               ["after-comment"]
    } ],
    "unit-whitelist":                         ["rem", "%", "px"]
  }

}