@widgitlabs/stylelint-config/.stylelintrc.json

Widgit Labs Coding Standards for CSS and SCSS.

{
  "extends": [
    "@wordpress/stylelint-config/scss"
  ],
  "rules": {
    "comment-empty-line-before": [
      "always",
      {
        "except": [ "first-nested"],
        "ignore": [ "stylelint-commands" ]
      }
    ],
    "block-closing-brace-newline-before": "always-multi-line",
    "declaration-block-semicolon-newline-after": "always-multi-line",
    "declaration-block-single-line-max-declarations": 4,
    "declaration-no-important": true,
    "declaration-property-unit-disallowed-list": {
      "font-size": [ "px" ]
    },
    "declaration-property-unit-allowed-list": {
      "animation": [ "ms" ],
      "animation-delay": [ "ms" ],
      "animation-duration": [ "ms" ],
      "line-height": [],
      "transition": [ "ms" ],
      "transition-delay": [ "ms" ],
      "transition-duration": [ "ms" ]
    },
    "function-parentheses-space-inside": "always-single-line",
    "function-comma-space-after": "always-single-line",
    "function-url-quotes": "always",
    "max-line-length": 100,
    "max-empty-lines": 1,
    "max-nesting-depth": [ 2, {
      "ignore": [ "blockless-at-rules" ]
    } ],
    "media-feature-parentheses-space-inside": "always",
    "rule-empty-line-before" : [
      "always",
      {
        "except": [ "first-nested" ],
        "ignore": [ "after-comment" ]
      }
    ],
    "at-rule-empty-line-before" : [
      "always",
      {
        "except": [ "blockless-after-blockless", "first-nested" ],
        "ignore": [ "after-comment" ],
        "ignoreAtRules": [ "if", "else if", "else" ]
      }
    ],
    "number-max-precision": 3,
    "selector-class-pattern": [
      "^(?<block>(?:[a-z][a-z0-9]*)(?:-[a-z0-9]+)*)(?<element>(?:__[a-z][a-z0-9]*(?:-[a-z0-9]+)*))?(?<modifier>(?:--[a-z][a-z0-9]*)(?:-[a-z0-9]+)*)?$",
      {
        "resolveNestedSelectors": true
      }
    ],
    "selector-id-pattern": null
  }
}