Warns when using hardcoded fallbacks in var(--x, fallback)
Alerts when a CSS variable is used but not defined
Works with .css, .scss and .vue files
Lightweight and non-disruptive: results are shown in a side panel (Tree View)
📸 Example
/* ✅ No issues: variable is defined and no fallback */
color: var(--text-color); // OK if --text-color is defined
/* ⚠️ Warning: hardcoded fallback in var() */
padding: var(--space-small, 10px); // Warning: fallback "10px" is hardcoded, if --space-small is defined
/* ❌ Alert: variable is not defined */
background: var(--missing-var); // Alert: --missing-var is not defined
/* ⚠️ Warning: hardcoded value */
border: 1px solid var(--color-border); // Warning: "1px" is hardcoded, if --color-border is defined
