$ npm install sheetify-variables
A sheetify transform to add support for
W3C-style CSS variables syntax.
Uses rework-vars to perform the transformation.
N.B. This is not a polyfill. This transform aims to provide a future-proof way of using a limited subset of the features provided by native CSS variables.
npm install sheetify-variables
As a sheetify transform:
var variables = require('sheetify-variables');
var sheetify = require('sheetify');
sheetify('path/to/my/index.css')
.transform(variables({preserve: true}))
.bundle();
Optionally, you may pass an object of variables to the JavaScript function.
var myVars = {
'app-bg-color': 'white'
};
variables({map: myVars});
Setting preserve to true will preserve the variable definitions and references in the output, so that they can be used by supporting browsers.
variables({preserve: true});