{ "extends": [ "stylelint-config-sass-guidelines", "stylelint-config-rational-order", "stylelint-a11y/recommended", "stylelint-prettier/recommended" ], "plugins": [ "stylelint-declaration-strict-value", "stylelint-scss", "stylelint-high-performance-animation" ], "rules": { "a11y/media-prefers-reduced-motion": [ true, { "disableFix": true, "severity": "warning" } ], "a11y/no-obsolete-attribute": true, "a11y/no-obsolete-element": true, "a11y/no-spread-text": true, "function-parentheses-space-inside": null, "indentation": 4, "max-nesting-depth": [ 4, { "ignore": ["blockless-at-rules", "pseudo-classes"] } ], "order/properties-alphabetical-order": null, "plugin/no-low-performance-animation-properties": [ true, { "ignore": "paint-properties", "severity": "warning" } ], "property-disallowed-list": ["font-size", "font-weight"], "scale-unlimited/declaration-strict-value": [ ["color", "z-index", "background", "background-color"], { "disableFix": true, "ignoreValues": [ "currentColor", "inherit", "transparent", "none" ] } ], "scss/percent-placeholder-pattern": [ "^(?(?:[a-z][a-z0-9]*)(?:-[a-z0-9]+)*)(?(?:__[a-z][a-z0-9]*(?:-[a-z0-9]+)*))?(?(?:--[a-z][a-z0-9]*)(?:-[a-z0-9]+)*)?$", { "message": "Expected placeholder to be BEM convention" } ], "selector-class-pattern": [ "^(?(?:[a-z][a-z0-9]*)(?:-[a-z0-9]+)*)(?(?:__[a-z][a-z0-9]*(?:-[a-z0-9]+)*))?(?(?:--[a-z][a-z0-9]*)(?:-[a-z0-9]+)*)?$", { "resolveNestedSelectors": true } ], "selector-max-compound-selectors": 4 } }