css-var-analyzer

You can audit PatternFly CSS variables by running Node.js scripts that analyze SCSS components, identifying custom property usage, redefinitions, and naming violations, then generating a Markdown report with definition and redefinition chains.

Finding undefined or unused CSS custom properties in PatternFly SCSS requires running an analyzer script that traces variable usage across nested selectors, modifiers, and states, reporting contextual details for each violation found.

CSS variable redefinitions in PatternFly SCSS occur when custom properties are overridden across nested selectors, modifiers, states, or media-query contexts, causing styling drift and maintenance challenges that an audit can trace and report.

Yes, the PatternFly CSS variable analyzer requires Node.js to execute its analysis and formatting scripts, which parse SCSS components and generate a Markdown-ready report containing definitions, usages, and redefinition chains.

Validating SCSS interpolation naming conventions for PatternFly CSS variables involves checking --#{$var} and --pf-v6- patterns against component rules, ensuring custom properties follow standard naming structures to prevent styling drift.