Unleash awesomeness. Private packages, team management tools, and powerful integrations. Get started with npm Orgs »

sheetify-variables

1.0.4 • Public • Published

sheetify-variables

NPM version build status Test coverage Downloads

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.

Installation

npm install sheetify-variables

Usage

As a sheetify transform:

var variables = require('sheetify-variables');
var sheetify = require('sheetify');
 
sheetify('path/to/my/index.css')
  .transform(variables({preserve: true}))
  .bundle();

Options

map

Optionally, you may pass an object of variables to the JavaScript function.

var myVars = {
  'app-bg-color': 'white'
};
 
variables({map: myVars});

preserve

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});

License

MIT

install

npm i sheetify-variables

Downloadsweekly downloads

11

version

1.0.4

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
Report a vulnerability