PostCSS Implicit Var

PostCSS plugin that places var() around variable references.

Using either $ or -- to prefix the variable name is supported.

Existing declarations are left alone.

.foo {
    color: $red-lighten-2
    color: --red-lighten-2
}

.foo {
  color: var(--red-lighten-2)
  color: var(--red-lighten-2)
}

Usage

postcss([ require('postcss-implicit-var') ])

See PostCSS docs for examples for your environment.