PostCSS Liquid Variables

PostCSS plugin to allow use of Liquid theme variables in CSS files.

Forked from PostCSS Shopify Settings Variables and adjusted slightly for use with non-Shopify Liquid templates.

.foo {
  background-color: $(theme_preferences.background_colour);
}

Will be transformed to:

.foo {
  background-color: {{ theme_preferences.background_colour }};
}

Usage

postcss([ require('postcss-liquid-variables') ])

See PostCSS docs for examples for your environment.