stylelint-config-plus

• stylelint-config-recommended
• stylelint-config-standard
• @stylistic/stylelint-plugin
• stylelint-order
• stylelint-config-html (*.html, *.vue and so on)

Install

npm i stylelint-config-plus -D

Usage

// stylelint.config.js
export default {
    extends: ["stylelint-config-plus"]
};

Rules

Base on [email protected] (2025/8/5)
| |Rules|Count| | |:-:|-----|----:|--:| | |All rules| 205| | |✔️|Defined in plus| 147|71.7%| | ❌|Undefined| 58|28.3%| | ✅|Recommended + Standard| 82|40.0%| |🔧|Fixable| 99|48.3%| |🎨|Stylistic| 64|31.2%|

Details

| |Rules|Type|Enabled|Value| |--:|:----|:---|:-----:|:----| | 1|alpha-value-notation|✅🔧| ✔️ |Details["percentage",{"exceptProperties":["opacity","fill-opacity","flood-opacity","stop-opacity","stroke-opacity"]}]| | 2|annotation-no-unknown|✅ | ✔️ |true| | 3|at-rule-allowed-list| | ❌ | | | 4|at-rule-descriptor-no-unknown|✅ | ✔️ |true| | 5|at-rule-descriptor-value-no-unknown|✅ | ✔️ |true| | 6|at-rule-disallowed-list| | ❌ | | | 7|at-rule-empty-line-before|✅🔧| ✔️ |Details["always",{"except":["blockless-after-same-name-blockless","first-nested"],"ignore":["after-comment"]}]| | 8|at-rule-no-deprecated|✅🔧| ✔️ |true| | 9|at-rule-no-unknown|✅ | ✔️ |Details[true,{"ignoreAtRules":["at-root","content","debug","each","else","else if","error","extend","for","forward","function","if","import","include","media","mixin","return","use","warn","while"]}]| | 10|at-rule-no-vendor-prefix|✅🔧| ✔️ |true| | 11|at-rule-prelude-no-invalid|✅ | ✔️ |[true,{"ignoreAtRules":["media"]}]| | 12|at-rule-property-required-list| | ❌ | | | 13|block-no-empty|✅ | ✔️ |true| | 14|block-no-redundant-nested-style-rules|✅ | ✔️ |true| | 15|color-function-alias-notation|✅🔧| ✔️ |"without-alpha"| | 16|color-function-notation|✅🔧| ✔️ |"modern"| | 17|color-hex-alpha| | ❌ | | | 18|color-hex-length|✅🔧| ✔️ |"short"| | 19|color-named| | ❌ | | | 20|color-no-hex| | ❌ | | | 21|color-no-invalid-hex| | ❌ | | | 22|comment-empty-line-before|✅🔧| ✔️ |Details["always",{"except":["first-nested"],"ignore":["stylelint-commands"]}]| | 23|comment-no-empty|✅ | ✔️ |true| | 24|comment-pattern| | ❌ | | | 25|comment-whitespace-inside|✅🔧| ✔️ |"always"| | 26|comment-word-disallowed-list| | ❌ | | | 27|container-name-pattern|✅ | ✔️ |Details["^(--)?([a-z][a-z0-9]*)(-[a-z0-9]+)*$",{"message":"(name) => \"Expected container name \"${name}\" to be kebab-case\""}]| | 28|custom-media-pattern|✅ | ✔️ |Details["^([a-z][a-z0-9]*)(-[a-z0-9]+)*$",{"message":"(name) => \"Expected custom media query name \"${name}\" to be kebab-case\""}]| | 29|custom-property-empty-line-before|✅🔧| ✔️ |Details["always",{"except":["after-custom-property","first-nested"],"ignore":["after-comment","inside-single-line-block"]}]| | 30|custom-property-no-missing-var-function|✅ | ✔️ |true| | 31|custom-property-pattern|✅ | ✔️ |Details["^([a-z][a-z0-9]*)(-[a-z0-9]+)*$",{"message":"(name) => \"Expected custom property name \"${name}\" to be kebab-case\""}]| | 32|declaration-block-no-duplicate-custom-properties|✅ | ✔️ |true| | 33|declaration-block-no-duplicate-properties|✅🔧| ✔️ |Details[true,{"ignore":["consecutive-duplicates-with-different-syntaxes"]}]| | 34|declaration-block-no-redundant-longhand-properties|✅🔧| ✔️ |true| | 35|declaration-block-no-shorthand-property-overrides|✅ | ✔️ |true| | 36|declaration-block-single-line-max-declarations|✅ | ✔️ |1 | | 37|declaration-empty-line-before|✅🔧| ✔️ |Details["always",{"except":["after-declaration","first-nested"],"ignore":["after-comment","inside-single-line-block"]}]| | 38|declaration-no-important| | ❌ | | | 39|declaration-property-max-values| | ❌ | | | 40|declaration-property-unit-allowed-list| | ❌ | | | 41|declaration-property-unit-disallowed-list| | ❌ | | | 42|declaration-property-value-allowed-list| | ❌ | | | 43|declaration-property-value-disallowed-list| | ❌ | | | 44|declaration-property-value-keyword-no-deprecated|✅🔧| ✔️ |true| | 45|declaration-property-value-no-unknown|✅ | ✔️ |true| | 46|font-family-name-quotes|✅🔧| ✔️ |"always-where-recommended"| | 47|font-family-no-duplicate-names|✅ | ✔️ |true| | 48|font-family-no-missing-generic-family-keyword|✅ | ✔️ |null| | 49|font-weight-notation|🔧| ✔️ |undefined| | 50|function-allowed-list| | ❌ | | | 51|function-calc-no-unspaced-operator|✅🔧| ✔️ |true| | 52|function-disallowed-list| | ❌ | | | 53|function-linear-gradient-no-nonstandard-direction| | ❌ | | | 54|function-name-case|✅🔧| ✔️ |"lower"| | 55|function-no-unknown| | ❌ | | | 56|function-url-no-scheme-relative| | ❌ | | | 57|function-url-quotes|✅🔧| ✔️ |"always"| | 58|function-url-scheme-allowed-list| | ❌ | | | 59|function-url-scheme-disallowed-list| | ❌ | | | 60|hue-degree-notation|✅🔧| ✔️ |"angle"| | 61|import-notation|✅🔧| ✔️ |"url"| | 62|keyframe-block-no-duplicate-selectors|✅ | ✔️ |true| | 63|keyframe-declaration-no-important|✅ | ✔️ |true| | 64|keyframe-selector-notation|✅🔧| ✔️ |Details"percentage-unless-within-keyword-only-block"| | 65|keyframes-name-pattern|✅ | ✔️ |Details["^([a-z][a-z0-9]*)(-[a-z0-9]+)*$",{"message":"(name) => \"Expected keyframe name \"${name}\" to be kebab-case\""}]| | 66|layer-name-pattern|✅ | ✔️ |Details["^([a-z][a-z0-9]*)(-[a-z0-9]+)*$",{"message":"(name) => \"Expected layer name \"${name}\" to be kebab-case\""}]| | 67|length-zero-no-unit|✅🔧| ✔️ |Details[true,{"ignore":["custom-properties"]}]| | 68|lightness-notation|✅🔧| ✔️ |"percentage"| | 69|max-nesting-depth| | ❌ | | | 70|media-feature-name-allowed-list| | ❌ | | | 71|media-feature-name-disallowed-list| | ❌ | | | 72|media-feature-name-no-unknown|✅ | ✔️ |true| | 73|media-feature-name-no-vendor-prefix|✅🔧| ✔️ |true| | 74|media-feature-name-unit-allowed-list| | ❌ | | | 75|media-feature-name-value-allowed-list| | ❌ | | | 76|media-feature-name-value-no-unknown|✅ | ✔️ |true| | 77|media-feature-range-notation|✅🔧| ✔️ |"context"| | 78|media-query-no-invalid|✅ | ✔️ |true| | 79|media-type-no-deprecated|✅ | ✔️ |true| | 80|named-grid-areas-no-invalid|✅ | ✔️ |true| | 81|nesting-selector-no-missing-scoping-root|✅ | ✔️ |true| | 82|no-descending-specificity|✅ | ✔️ |true| | 83|no-duplicate-at-import-rules|✅ | ✔️ |true| | 84|no-duplicate-selectors|✅ | ✔️ |true| | 85|no-empty-source|✅ | ✔️ |true| | 86|no-invalid-double-slash-comments|✅ | ✔️ |true| | 87|no-invalid-position-at-import-rule|✅ | ✔️ |true| | 88|no-invalid-position-declaration|✅ | ✔️ |true| | 89|no-irregular-whitespace|✅ | ✔️ |true| | 90|no-unknown-animations| | ❌ | | | 91|no-unknown-custom-media| | ❌ | | | 92|no-unknown-custom-properties| | ❌ | | | 93|number-max-precision|✅ | ✔️ |4 | | 94|property-allowed-list| | ❌ | | | 95|property-disallowed-list| | ❌ | | | 96|property-no-deprecated|✅🔧| ✔️ |true| | 97|property-no-unknown|✅ | ✔️ |true| | 98|property-no-vendor-prefix|✅🔧| ✔️ |true| | 99|rule-empty-line-before|✅🔧| ✔️ |Details["always-multi-line",{"except":["first-nested"],"ignore":["after-comment"]}]| |100|rule-selector-property-disallowed-list| | ❌ | | |101|selector-anb-no-unmatchable|✅ | ✔️ |true| |102|selector-attribute-name-disallowed-list| | ❌ | | |103|selector-attribute-operator-allowed-list| | ❌ | | |104|selector-attribute-operator-disallowed-list| | ❌ | | |105|selector-attribute-quotes|✅🔧| ✔️ |"always"| |106|selector-class-pattern|✅ | ✔️ |Details["^([a-z][a-z0-9]*)(-[a-z0-9]+)*$",{"message":"(selector) => \"Expected class selector \"${selector}\" to be kebab-case\""}]| |107|selector-combinator-allowed-list| | ❌ | | |108|selector-combinator-disallowed-list| | ❌ | | |109|selector-disallowed-list| | ❌ | | |110|selector-id-pattern|✅ | ✔️ |Details["^([a-z][a-z0-9]*)(-[a-z0-9]+)*$",{"message":"(selector) => \"Expected id selector \"${selector}\" to be kebab-case\""}]| |111|selector-max-attribute| | ❌ | | |112|selector-max-class| | ❌ | | |113|selector-max-combinators| | ❌ | | |114|selector-max-compound-selectors| | ❌ | | |115|selector-max-id| | ❌ | | |116|selector-max-pseudo-class| | ❌ | | |117|selector-max-specificity| | ❌ | | |118|selector-max-type| | ❌ | | |119|selector-max-universal| | ❌ | | |120|selector-nested-pattern| | ❌ | | |121|selector-no-qualifying-type| | ❌ | | |122|selector-no-vendor-prefix|✅🔧| ✔️ |true| |123|selector-not-notation|✅🔧| ✔️ |"complex"| |124|selector-pseudo-class-allowed-list| | ❌ | | |125|selector-pseudo-class-disallowed-list| | ❌ | | |126|selector-pseudo-class-no-unknown|✅ | ✔️ |Details[true,{"ignorePseudoClasses":["deep","global"]}]| |127|selector-pseudo-element-allowed-list| | ❌ | | |128|selector-pseudo-element-colon-notation|✅🔧| ✔️ |"double"| |129|selector-pseudo-element-disallowed-list| | ❌ | | |130|selector-pseudo-element-no-unknown|✅ | ✔️ |true| |131|selector-type-case|✅🔧| ✔️ |"lower"| |132|selector-type-no-unknown|✅ | ✔️ |Details[true,{"ignore":["custom-elements"]}]| |133|shorthand-property-no-redundant-values|✅🔧| ✔️ |true| |134|string-no-newline|✅ | ✔️ |Details[true,{"ignore":["at-rule-preludes","declaration-values"]}]| |135|syntax-string-no-invalid|✅ | ✔️ |true| |136|time-min-milliseconds| | ❌ | | |137|unit-allowed-list| | ❌ | | |138|unit-disallowed-list| | ❌ | | |139|unit-no-unknown| | ❌ | | |140|value-keyword-case|✅🔧| ✔️ |"lower"| |141|value-no-vendor-prefix|✅🔧| ✔️ |Details[true,{"ignoreValues":["box","inline-box"]}]| |142|@stylistic/at-rule-name-case|🔧🎨| ✔️ |"lower"| |143|@stylistic/at-rule-name-space-after|🔧🎨| ✔️ |"always-single-line"| |144|@stylistic/at-rule-semicolon-newline-after|🔧🎨| ✔️ |"always"| |145|@stylistic/block-closing-brace-empty-line-before|🔧🎨| ✔️ |"never"| |146|@stylistic/block-closing-brace-newline-after|🔧🎨| ✔️ |"always"| |147|@stylistic/block-closing-brace-newline-before|🔧🎨| ✔️ |"always-multi-line"| |148|@stylistic/block-closing-brace-space-before|🔧🎨| ✔️ |"always-single-line"| |149|@stylistic/block-opening-brace-newline-after|🔧🎨| ✔️ |"always-multi-line"| |150|@stylistic/block-opening-brace-space-after|🔧🎨| ✔️ |"always-single-line"| |151|@stylistic/block-opening-brace-space-before|🔧🎨| ✔️ |"always"| |152|@stylistic/color-hex-case|🔧🎨| ✔️ |"lower"| |153|@stylistic/declaration-bang-space-after|🔧🎨| ✔️ |"never"| |154|@stylistic/declaration-bang-space-before|🔧🎨| ✔️ |"always"| |155|@stylistic/declaration-block-semicolon-newline-after|🔧🎨| ✔️ |"always"| |156|@stylistic/declaration-block-semicolon-space-after|🔧🎨| ✔️ |"always-single-line"| |157|@stylistic/declaration-block-semicolon-space-before|🔧🎨| ✔️ |"never"| |158|@stylistic/declaration-block-trailing-semicolon|🔧🎨| ✔️ |"always"| |159|@stylistic/declaration-colon-newline-after|🔧🎨| ✔️ |"always-multi-line"| |160|@stylistic/declaration-colon-space-after|🔧🎨| ✔️ |"always-single-line"| |161|@stylistic/declaration-colon-space-before|🔧🎨| ✔️ |"never"| |162|@stylistic/function-comma-newline-after|🔧🎨| ✔️ |"always-multi-line"| |163|@stylistic/function-comma-space-after|🔧🎨| ✔️ |"always-single-line"| |164|@stylistic/function-comma-space-before|🔧🎨| ✔️ |"never"| |165|@stylistic/function-max-empty-lines|🔧🎨| ✔️ |0 | |166|@stylistic/function-parentheses-newline-inside|🔧🎨| ✔️ |"always-multi-line"| |167|@stylistic/function-parentheses-space-inside|🔧🎨| ✔️ |"never-single-line"| |168|@stylistic/function-whitespace-after|🔧🎨| ✔️ |"always"| |169|@stylistic/indentation|🔧🎨| ✔️ |4 | |170|@stylistic/max-empty-lines|🔧🎨| ✔️ |1 | |171|@stylistic/max-line-length|🎨| ✔️ |120| |172|@stylistic/media-feature-colon-space-after|🔧🎨| ✔️ |"always"| |173|@stylistic/media-feature-colon-space-before|🔧🎨| ✔️ |"never"| |174|@stylistic/media-feature-name-case|🔧🎨| ✔️ |"lower"| |175|@stylistic/media-feature-parentheses-space-inside|🔧🎨| ✔️ |"never"| |176|@stylistic/media-feature-range-operator-space-after|🔧🎨| ✔️ |"always"| |177|@stylistic/media-feature-range-operator-space-before|🔧🎨| ✔️ |"always"| |178|@stylistic/media-query-list-comma-newline-after|🔧🎨| ✔️ |"always-multi-line"| |179|@stylistic/media-query-list-comma-space-after|🔧🎨| ✔️ |"always-single-line"| |180|@stylistic/media-query-list-comma-space-before|🔧🎨| ✔️ |"never"| |181|@stylistic/no-empty-first-line|🎨| ✔️ |true| |182|@stylistic/no-eol-whitespace|🔧🎨| ✔️ |true| |183|@stylistic/no-extra-semicolons|🔧🎨| ✔️ |true| |184|@stylistic/no-missing-end-of-source-newline|🔧🎨| ✔️ |true| |185|@stylistic/number-leading-zero|🔧🎨| ✔️ |"always"| |186|@stylistic/number-no-trailing-zeros|🔧🎨| ✔️ |true| |187|@stylistic/property-case|🔧🎨| ✔️ |"lower"| |188|@stylistic/selector-attribute-brackets-space-inside|🔧🎨| ✔️ |"never"| |189|@stylistic/selector-attribute-operator-space-after|🔧🎨| ✔️ |"never"| |190|@stylistic/selector-attribute-operator-space-before|🔧🎨| ✔️ |"never"| |191|@stylistic/selector-combinator-space-after|🔧🎨| ✔️ |"always"| |192|@stylistic/selector-combinator-space-before|🔧🎨| ✔️ |"always"| |193|@stylistic/selector-descendant-combinator-no-non-space|🔧🎨| ✔️ |true| |194|@stylistic/selector-list-comma-newline-after|🔧🎨| ✔️ |"always"| |195|@stylistic/selector-list-comma-space-before|🔧🎨| ✔️ |"never"| |196|@stylistic/selector-max-empty-lines|🔧🎨| ✔️ |0 | |197|@stylistic/selector-pseudo-class-case|🔧🎨| ✔️ |"lower"| |198|@stylistic/selector-pseudo-class-parentheses-space-inside|🔧🎨| ✔️ |"never"| |199|@stylistic/selector-pseudo-element-case|🔧🎨| ✔️ |"lower"| |200|@stylistic/string-quotes|🔧🎨| ✔️ |"double"| |201|@stylistic/unit-case|🔧🎨| ✔️ |"lower"| |202|@stylistic/value-list-comma-newline-after|🔧🎨| ✔️ |"always-multi-line"| |203|@stylistic/value-list-comma-space-after|🔧🎨| ✔️ |"always-single-line"| |204|@stylistic/value-list-comma-space-before|🔧🎨| ✔️ |"never"| |205|@stylistic/value-list-max-empty-lines|🔧🎨| ✔️ |0 |

Changelog

CHANGELOG.md