.stylelintrc.json

{
    "reportDescriptionlessDisables": true,
    "reportInvalidScopeDisables": true,
    "reportNeedlessDisables": true,
    "plugins": [
        "@isnotdefined/stylelint-plugin",
        "stylelint-a11y",
        "stylelint-css-modules",
        "stylelint-css-modules-no-global-scoped-selector",
        "stylelint-declaration-block-no-ignored-properties",
        "stylelint-group-selectors",
        "stylelint-high-performance-animation",
        "stylelint-no-unused-selectors",
        "stylelint-plugin-defensive-css",
        "stylelint-plugin-logical-css",
        "stylelint-rem-over-px",
        "stylelint-selector-tag-no-without-class",
        "stylelint-use-nesting",
        "stylelint-value-no-exposed-custom-properties"
    ],
    "rules": {
        "declaration-block-no-duplicate-custom-properties": true,
        "declaration-block-no-duplicate-properties": [
            true,
            {
                "ignore": [
                    "consecutive-duplicates-with-different-syntaxes",
                    "consecutive-duplicates-with-same-prefixless-values"
                ]
            }
        ],
        "font-family-no-duplicate-names": true,
        "keyframe-block-no-duplicate-selectors": true,
        "no-duplicate-at-import-rules": true,
        "no-duplicate-selectors": true,
        "block-no-empty": true,
        "comment-no-empty": true,
        "no-empty-source": true,
        "color-no-invalid-hex": true,
        "function-calc-no-unspaced-operator": true,
        "keyframe-declaration-no-important": true,
        "media-query-no-invalid": true,
        "named-grid-areas-no-invalid": true,
        "no-invalid-double-slash-comments": true,
        "no-invalid-position-at-import-rule": true,
        "string-no-newline": true,
        "no-irregular-whitespace": true,
        "custom-property-no-missing-var-function": true,
        "font-family-no-missing-generic-family-keyword": true,
        "function-linear-gradient-no-nonstandard-direction": true,
        "declaration-block-no-shorthand-property-overrides": true,
        "selector-anb-no-unmatchable": true,
        "annotation-no-unknown": true,
        "at-rule-no-unknown": true,
        "declaration-property-value-no-unknown": true,
        "function-no-unknown": true,
        "media-feature-name-no-unknown": true,
        "media-feature-name-value-no-unknown": true,
        "no-unknown-animations": true,
        "no-unknown-custom-properties": true,
        "property-no-unknown": true,
        "selector-pseudo-class-no-unknown": true,
        "selector-pseudo-element-no-unknown": true,
        "selector-type-no-unknown": true,
        "unit-no-unknown": true,
        "at-rule-no-vendor-prefix": true,
        "declaration-no-important": true,
        "length-zero-no-unit": true,
        "property-no-vendor-prefix": null,
        "value-no-vendor-prefix": true,
        "function-name-case": "lower",
        "selector-type-case": "lower",
        "value-keyword-case": "lower",
        "at-rule-empty-line-before": [
            "always",
            {
                "except": [
                    "after-same-name",
                    "blockless-after-same-name-blockless",
                    "first-nested"
                ],
                "ignore": ["after-comment"]
            }
        ],
        "rule-empty-line-before": [
            "always",
            {
                "except": ["first-nested"],
                "ignore": ["after-comment"]
            }
        ],
        "declaration-block-single-line-max-declarations": 1,
        "number-max-precision": 5,
        "alpha-value-notation": "number",
        "color-function-notation": [
            "modern",
            { "ignore": ["with-var-inside"] }
        ],
        "color-hex-length": "short",
        "font-weight-notation": "numeric",
        "keyframe-selector-notation": "percentage-unless-within-keyword-only-block",
        "media-feature-range-notation": "context",
        "selector-pseudo-element-colon-notation": "double",
        "font-family-name-quotes": "always-where-required",
        "selector-attribute-quotes": "always",
        "declaration-block-no-redundant-longhand-properties": true,
        "shorthand-property-no-redundant-values": true,
        "comment-whitespace-inside": "always",
        "@isnotdefined/no-obsolete": true,
        "a11y/content-property-no-static-value": true,
        "a11y/media-prefers-reduced-motion": true,
        "a11y/no-display-none": true,
        "a11y/no-obsolete-attribute": true,
        "a11y/no-obsolete-element": true,
        "a11y/no-outline-none": true,
        "a11y/selector-pseudo-class-focus": true,
        "css-modules/no-global-scoped-selector": [
            true,
            { "fileExtensions": [".module.css", ".module.scss"] }
        ],
        "css-modules/css-variables": true,
        "plugin/declaration-block-no-ignored-properties": true,
        "plugin/stylelint-group-selectors": true,
        "plugin/no-low-performance-animation-properties": true,
        "plugin/no-unused-selectors": true,
        "plugin/use-defensive-css": [
            true,
            {
                "background-repeat": true,
                "flex-wrapping": true,
                "scroll-chaining": true,
                "vendor-prefix-grouping": true
            }
        ],
        "plugin/use-logical-properties-and-values": [
            true,
            { "severity": "warning" }
        ],
        "plugin/use-logical-units": [true, { "severity": "warning" }],
        "rem-over-px/rem-over-px": true,
        "plugin/selector-tag-no-without-class": ["div", "span"],
        "csstools/use-nesting": "always",
        "plugin/value-no-exposed-custom-properties": true
    }
}