.stylelintrc.js

const bemClass = /^([a-z0-9\\-]{2,})(__[a-z0-9\\-]{2,})?(--[a-z0-9\\-]{2,})?$/;

module.exports = {
    plugins: ["stylelint-scss", "stylelint-prettier"],
    customSyntax: "postcss-scss",
    rules: {
        "prettier/prettier": true,

        // General / Sheet
        "no-duplicate-at-import-rules": true,
        "no-duplicate-selectors": true,
        "selector-max-universal": 0,
        "max-nesting-depth": 4,

        "scss/at-import-no-partial-leading-underscore": true,

        // Declaration block
        "declaration-block-no-duplicate-properties": true,
        "declaration-block-no-shorthand-property-overrides": true,

        // Selector
        "selector-class-pattern": [bemClass, { resolveNestedSelectors: true }],
        "selector-pseudo-class-no-unknown": [
            true,
            {
                ignorePseudoClasses: "global",
            },
        ],
        "selector-pseudo-element-no-unknown": true,
        "selector-type-no-unknown": true,
        "selector-no-vendor-prefix": true,
        "selector-pseudo-element-colon-notation": "single",
        "scss/selector-no-redundant-nesting-selector": true,

        // Media
        "media-feature-name-no-unknown": true,
        "media-feature-name-no-vendor-prefix": true,

        // At-rule
        "scss/at-rule-no-unknown": true,
        "at-rule-no-vendor-prefix": true,

        // Properties
        "property-no-unknown": true,
        "shorthand-property-no-redundant-values": true,

        // Values
        "number-max-precision": 4,
        "value-no-vendor-prefix": true,
        "unit-no-unknown": true,
        "number-leading-zero": "always",
        "number-no-trailing-zeros": true,
        "length-zero-no-unit": true,

        // Colors
        "color-no-invalid-hex": true,

        // Fonts
        "font-family-no-duplicate-names": true,
        "font-family-no-missing-generic-family-keyword": true,
        "font-family-name-quotes": "always-unless-keyword",

        // Function
        "function-linear-gradient-no-nonstandard-direction": true,
        // 'function-calc-no-invalid': true,
        // Comment
        "comment-no-empty": true,

        // Operators
        "scss/operator-no-unspaced": true,
    },
};