PostCSS Aurelia Ux

[PostCSS] plugin to load Aurelia UX javascript style bindings into a Post CSS workflow, transforming the string interpolation values into a plain string which compiles as valid CSS, which is then reversed before being given to Aurelia to use.

PostCSS

Aurelia-UX

Input

.foo {
    background-color: ${ background || '#000' };
}

While Processing

.foo {
    background-color: "${ background || '#000' }";
}

Output

.foo {
    background-color: ${ background || '#000' };
}

Usage

ES6 / Typescript

import { PostcssAureliaUx, AureliaUxParse } from 'postcss-aurelia-ux';

postcss([ PostcssAureliaUx ], { parser: AureliaUxParse })