stylelint.config.js

module.exports = {
  extends: [
    'stylelint-config-standard',
    'stylelint-config-recess-order',
    'stylelint-prettier/recommended',
  ],
  plugins: ['stylelint-selector-bem-pattern'],
  rules: {
    // Should be disabled or configured like this to work with `selector-bem-pattern`
    // Borrowed from https://github.com/btd1337/stylelint-config-sass-guidelines/blob/master/.stylelintrc
    'selector-class-pattern':
      '^(?:(?:o|c|u|t|s|is|has|_|js|qa)-)?[a-zA-Z0-9]+(?:-[a-zA-Z0-9]+)*(?:__[a-zA-Z0-9]+(?:-[a-zA-Z0-9]+)*)?(?:--[a-zA-Z0-9]+(?:-[a-zA-Z0-9]+)*)?(?:\\[.+\\])?$',
    'plugin/selector-bem-pattern': {
      preset: 'suit',
      componentName: '[a-z]+',
      componentSelectors: {
        initial: '^\\.{componentName}(?:-[a-z]+)?$',
        combined: '^\\.combined-{componentName}-[a-z]+$',
      },
      utilitySelectors: '^\\.util-[a-z]+$',
    },
    'function-no-unknown': [
      true,
      { ignoreFunctions: ['theme'] },
    ],
  },
};