.stylelintrc.yaml

extends:
  - stylelint-config-standard
rules:
  # Disallow color names and hex colors as these don't work well with dark mode.
  # Use PF global variables instead:
  # https://patternfly-react-main.surge.sh/developer-resources/global-css-variables#global-css-variables
  color-named: never
  color-no-hex: true
  # PatternFly CSS vars don't conform to stylelint's regex. Disable this rule.
  custom-property-pattern: null
  function-disallowed-list:
    - rgb
  # Disable the standard rule to allow BEM-style classnames with underscores.
  selector-class-pattern: null
  # Disallow CSS classnames prefixed with .pf- or .co- as these prefixes are
  # reserved by PatternFly and OpenShift console.
  selector-disallowed-list:
    - "*"
    - "/^\\.pf-(?!theme)(?!.* )/"  # Disallow naked .pf- classes but allow .pf-theme and combined .pf- classes
  # Plugins should avoid naked element selectors like `table` and `li` since
  # this can impact layout of existing pages in console.
  selector-max-type:
    - 0
    - ignore:
        - compounded
        - descendant