{"_id":"rework-vars","_rev":"4539056","name":"rework-vars","description":"CSS spec style variables for Rework","dist-tags":{"latest":"3.1.1"},"maintainers":[{"name":"necolas","email":"nicolasgallagher@gmail.com"},{"name":"tjholowaychuk","email":"tj@vision-media.ca"}],"time":{"modified":"2026-04-09T15:07:17.000Z","created":"2013-06-19T01:28:28.421Z","3.1.1":"2014-06-20T00:32:01.498Z","3.1.0":"2014-06-19T23:34:05.301Z","3.0.0":"2014-04-17T20:29:17.128Z","2.0.3":"2014-02-11T22:28:29.313Z","2.0.2":"2013-12-18T11:49:31.660Z","2.0.1":"2013-12-18T11:09:31.253Z","2.0.0":"2013-12-18T10:52:19.000Z","1.1.0":"2013-12-01T19:57:48.497Z","1.0.1":"2013-07-24T03:20:00.751Z","1.0.0":"2013-06-19T01:28:28.421Z"},"users":{},"repository":{"type":"git","url":"https://github.com/reworkcss/rework-vars.git"},"versions":{"3.1.1":{"name":"rework-vars","version":"3.1.1","description":"CSS spec style variables for Rework","dependencies":{"rework-visit":"1.0.0","balanced-match":"~0.1.0"},"devDependencies":{"mocha":"~1.14.0","rework":"^1.0.0"},"files":["index.js"],"scripts":{"test":"mocha --no-colors","watch":"mocha --slow 30 --reporter spec --watch"},"repository":{"type":"git","url":"https://github.com/reworkcss/rework-vars.git"},"license":"MIT","keywords":["css","rework","rework-plugin","variables","vars"],"bugs":{"url":"https://github.com/reworkcss/rework-vars/issues"},"homepage":"https://github.com/reworkcss/rework-vars","_id":"rework-vars@3.1.1","dist":{"shasum":"eabd9efc7af43a95f21101867382d42cae8ae021","size":2994,"noattachment":false,"key":"/rework-vars/-/rework-vars-3.1.1.tgz","tarball":"http://registry.cnpm.dingdandao.com/rework-vars/download/rework-vars-3.1.1.tgz"},"_from":".","_npmVersion":"1.4.3","_npmUser":{"name":"necolas","email":"nicolasgallagher@gmail.com"},"maintainers":[{"name":"necolas","email":"nicolasgallagher@gmail.com"},{"name":"tjholowaychuk","email":"tj@vision-media.ca"}],"directories":{},"publish_time":1403224321498,"_hasShrinkwrap":false,"_cnpm_publish_time":1403224321498,"_cnpmcore_publish_time":"2021-12-18T19:39:22.883Z"},"3.1.0":{"name":"rework-vars","version":"3.1.0","description":"CSS spec style variables for Rework","dependencies":{"rework-visit":"1.0.0","balanced-match":"~0.1.0"},"devDependencies":{"mocha":"~1.14.0","rework":"^1.0.0"},"files":["index.js"],"scripts":{"test":"mocha --no-colors","watch":"mocha --slow 30 --reporter spec --watch"},"repository":{"type":"git","url":"https://github.com/reworkcss/rework-vars.git"},"license":"MIT","keywords":["css","rework","rework-plugin","variables","vars"],"bugs":{"url":"https://github.com/reworkcss/rework-vars/issues"},"homepage":"https://github.com/reworkcss/rework-vars","_id":"rework-vars@3.1.0","dist":{"shasum":"45b2cc1bae484de1fe4385c37b659c016337257c","size":2968,"noattachment":false,"key":"/rework-vars/-/rework-vars-3.1.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/rework-vars/download/rework-vars-3.1.0.tgz"},"_from":".","_npmVersion":"1.4.3","_npmUser":{"name":"necolas","email":"nicolasgallagher@gmail.com"},"maintainers":[{"name":"necolas","email":"nicolasgallagher@gmail.com"},{"name":"tjholowaychuk","email":"tj@vision-media.ca"}],"directories":{},"publish_time":1403220845301,"_hasShrinkwrap":false,"_cnpm_publish_time":1403220845301,"_cnpmcore_publish_time":"2021-12-18T19:39:23.077Z"},"3.0.0":{"name":"rework-vars","version":"3.0.0","description":"CSS spec style variables for Rework","keywords":["css","rework","variables","vars"],"license":"MIT","dependencies":{"rework-visit":"1.0.0"},"devDependencies":{"mocha":"~1.14.0","rework":"~0.18.3","chai":"~1.8.1"},"repository":{"type":"git","url":"https://github.com/visionmedia/rework-vars.git"},"scripts":{"test":"mocha --no-colors"},"bugs":{"url":"https://github.com/visionmedia/rework-vars/issues"},"homepage":"https://github.com/visionmedia/rework-vars","_id":"rework-vars@3.0.0","dist":{"shasum":"1ffd6844ed37c42d8ea48e055f17998d5f1ea53f","size":2887,"noattachment":false,"key":"/rework-vars/-/rework-vars-3.0.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/rework-vars/download/rework-vars-3.0.0.tgz"},"_from":".","_npmVersion":"1.4.3","_npmUser":{"name":"necolas","email":"nicolasgallagher@gmail.com"},"maintainers":[{"name":"necolas","email":"nicolasgallagher@gmail.com"},{"name":"tjholowaychuk","email":"tj@vision-media.ca"}],"directories":{},"publish_time":1397766557128,"_hasShrinkwrap":false,"_cnpm_publish_time":1397766557128,"_cnpmcore_publish_time":"2021-12-18T19:39:23.297Z"},"2.0.3":{"name":"rework-vars","version":"2.0.3","description":"CSS spec style variables for Rework","keywords":["css","rework","variables","vars"],"license":"MIT","dependencies":{"rework-visit":"1.0.0"},"devDependencies":{"mocha":"~1.14.0","rework":"~0.18.3","chai":"~1.8.1"},"repository":{"type":"git","url":"https://github.com/visionmedia/rework-vars.git"},"scripts":{"test":"./node_modules/.bin/mocha --no-colors"},"bugs":{"url":"https://github.com/visionmedia/rework-vars/issues"},"_id":"rework-vars@2.0.3","dist":{"shasum":"f43f528c34668bdbe117bf3639779d58ca9e8c0a","size":2847,"noattachment":false,"key":"/rework-vars/-/rework-vars-2.0.3.tgz","tarball":"http://registry.cnpm.dingdandao.com/rework-vars/download/rework-vars-2.0.3.tgz"},"_from":".","_npmVersion":"1.3.11","_npmUser":{"name":"necolas","email":"nicolasgallagher@gmail.com"},"maintainers":[{"name":"necolas","email":"nicolasgallagher@gmail.com"},{"name":"tjholowaychuk","email":"tj@vision-media.ca"}],"directories":{},"publish_time":1392157709313,"_hasShrinkwrap":false,"_cnpm_publish_time":1392157709313,"_cnpmcore_publish_time":"2021-12-18T19:39:23.511Z"},"2.0.2":{"name":"rework-vars","version":"2.0.2","description":"CSS spec style variables for Rework","keywords":["css","rework","variables","vars"],"license":"MIT","dependencies":{"rework-visit":"1.0.0"},"devDependencies":{"mocha":"~1.14.0","rework":"~0.18.3","chai":"~1.8.1"},"repository":{"type":"git","url":"https://github.com/visionmedia/rework-vars.git"},"scripts":{"test":"./node_modules/.bin/mocha --no-colors"},"readmeFilename":"Readme.md","bugs":{"url":"https://github.com/visionmedia/rework-vars/issues"},"_id":"rework-vars@2.0.2","dist":{"shasum":"d6f299a0e2a4977859e055567da05319d8874af4","size":2835,"noattachment":false,"key":"/rework-vars/-/rework-vars-2.0.2.tgz","tarball":"http://registry.cnpm.dingdandao.com/rework-vars/download/rework-vars-2.0.2.tgz"},"_from":".","_npmVersion":"1.3.11","_npmUser":{"name":"necolas","email":"nicolasgallagher@gmail.com"},"maintainers":[{"name":"necolas","email":"nicolasgallagher@gmail.com"},{"name":"tjholowaychuk","email":"tj@vision-media.ca"}],"directories":{},"publish_time":1387367371660,"_hasShrinkwrap":false,"_cnpm_publish_time":1387367371660,"_cnpmcore_publish_time":"2021-12-18T19:39:23.764Z"},"2.0.1":{"name":"rework-vars","version":"2.0.1","description":"CSS spec style variables for Rework","keywords":["css","rework","variables","vars"],"license":"MIT","dependencies":{"rework-visit":"1.0.0"},"devDependencies":{"mocha":"~1.14.0","rework":"~0.18.3","chai":"~1.8.1"},"repository":{"type":"git","url":"https://github.com/visionmedia/rework-vars.git"},"scripts":{"test":"./node_modules/.bin/mocha --no-colors"},"readmeFilename":"Readme.md","bugs":{"url":"https://github.com/visionmedia/rework-vars/issues"},"_id":"rework-vars@2.0.1","dist":{"shasum":"9c84c98082d5dd4b2df016e0666a5eb5d64cbeb6","size":2766,"noattachment":false,"key":"/rework-vars/-/rework-vars-2.0.1.tgz","tarball":"http://registry.cnpm.dingdandao.com/rework-vars/download/rework-vars-2.0.1.tgz"},"_from":".","_npmVersion":"1.3.11","_npmUser":{"name":"necolas","email":"nicolasgallagher@gmail.com"},"maintainers":[{"name":"necolas","email":"nicolasgallagher@gmail.com"},{"name":"tjholowaychuk","email":"tj@vision-media.ca"}],"directories":{},"publish_time":1387364971253,"_hasShrinkwrap":false,"_cnpm_publish_time":1387364971253,"_cnpmcore_publish_time":"2021-12-18T19:39:24.034Z"},"2.0.0":{"name":"rework-vars","version":"2.0.0","description":"CSS spec style variables for Rework","keywords":["css","rework","variables","vars"],"license":"MIT","dependencies":{"rework-visit":"1.0.0"},"devDependencies":{"mocha":"~1.14.0","rework":"~0.18.3","chai":"~1.8.1"},"repository":{"type":"git","url":"https://github.com/visionmedia/rework-vars.git"},"scripts":{"test":"./node_modules/.bin/mocha --no-colors"},"readmeFilename":"Readme.md","bugs":{"url":"https://github.com/visionmedia/rework-vars/issues"},"_id":"rework-vars@2.0.0","dist":{"shasum":"529f064a94aebc687850bbb8254dfe3d0b62ceda","size":2817,"noattachment":false,"key":"/rework-vars/-/rework-vars-2.0.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/rework-vars/download/rework-vars-2.0.0.tgz"},"_from":".","_npmVersion":"1.3.11","_npmUser":{"name":"necolas","email":"nicolasgallagher@gmail.com"},"maintainers":[{"name":"necolas","email":"nicolasgallagher@gmail.com"},{"name":"tjholowaychuk","email":"tj@vision-media.ca"}],"directories":{},"publish_time":1387363939000,"_hasShrinkwrap":false,"_cnpm_publish_time":1387363939000,"_cnpmcore_publish_time":"2021-12-18T19:39:24.272Z"},"1.1.0":{"name":"rework-vars","version":"1.1.0","description":"CSS spec style variables for Rework","keywords":["css","rework","variables","vars"],"license":"MIT","dependencies":{"rework-visit":"1.0.0"},"devDependencies":{"mocha":"~1.14.0","rework":"~0.18.3","chai":"~1.8.1"},"repository":{"type":"git","url":"https://github.com/visionmedia/rework-vars.git"},"scripts":{"test":"./node_modules/.bin/mocha --no-colors"},"readmeFilename":"Readme.md","bugs":{"url":"https://github.com/visionmedia/rework-vars/issues"},"_id":"rework-vars@1.1.0","dist":{"shasum":"4ba138efc1cf69e7de49017d96a8b8e8a2213239","size":2224,"noattachment":false,"key":"/rework-vars/-/rework-vars-1.1.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/rework-vars/download/rework-vars-1.1.0.tgz"},"_from":".","_npmVersion":"1.2.30","_npmUser":{"name":"tjholowaychuk","email":"tj@vision-media.ca"},"maintainers":[{"name":"necolas","email":"nicolasgallagher@gmail.com"},{"name":"tjholowaychuk","email":"tj@vision-media.ca"}],"directories":{},"publish_time":1385927868497,"_hasShrinkwrap":false,"_cnpm_publish_time":1385927868497,"_cnpmcore_publish_time":"2021-12-18T19:39:24.523Z"},"1.0.1":{"name":"rework-vars","version":"1.0.1","description":"CSS spec style variables for Rework","keywords":["css","rework","variables","vars"],"license":"MIT","dependencies":{"rework-visit":"1.0.0"},"readmeFilename":"Readme.md","_id":"rework-vars@1.0.1","dist":{"shasum":"4227f45cb40a2e23d4e6155a1e93b5ecad6ae786","size":1270,"noattachment":false,"key":"/rework-vars/-/rework-vars-1.0.1.tgz","tarball":"http://registry.cnpm.dingdandao.com/rework-vars/download/rework-vars-1.0.1.tgz"},"_from":".","_npmVersion":"1.3.4","_npmUser":{"name":"tjholowaychuk","email":"tj@vision-media.ca"},"maintainers":[{"name":"necolas","email":"nicolasgallagher@gmail.com"},{"name":"tjholowaychuk","email":"tj@vision-media.ca"}],"directories":{},"publish_time":1374636000751,"_hasShrinkwrap":false,"_cnpm_publish_time":1374636000751,"_cnpmcore_publish_time":"2021-12-18T19:39:24.811Z"},"1.0.0":{"name":"rework-vars","version":"1.0.0","description":"CSS spec style variables for Rework","keywords":["css","rework","variables","vars"],"license":"MIT","dependencies":{"rework-visit":"1.0.0"},"readmeFilename":"Readme.md","_id":"rework-vars@1.0.0","dist":{"shasum":"753c78645cec9ada56fe06c9491d5c105b13952a","size":1165,"noattachment":false,"key":"/rework-vars/-/rework-vars-1.0.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/rework-vars/download/rework-vars-1.0.0.tgz"},"_from":".","_npmVersion":"1.2.14","_npmUser":{"name":"tjholowaychuk","email":"tj@vision-media.ca"},"maintainers":[{"name":"necolas","email":"nicolasgallagher@gmail.com"},{"name":"tjholowaychuk","email":"tj@vision-media.ca"}],"directories":{},"publish_time":1371605308421,"_hasShrinkwrap":false,"_cnpm_publish_time":1371605308421,"_cnpmcore_publish_time":"2021-12-18T19:39:25.088Z"}},"readme":"# rework-vars [![Build Status](https://travis-ci.org/reworkcss/rework-vars.png)](https://travis-ci.org/reworkcss/rework-vars)\n\nA [Rework](https://github.com/reworkcss/rework) plugin to add support for the\n[W3C-style CSS variables](http://www.w3.org/TR/css-variables/) syntax.\n\n**N.B.** This is _not_ a polyfill. This plugin aims to provide a future-proof\nway of using a _limited subset_ of the features provided by native CSS variables.\n\n## Installation\n\n```\nnpm install rework-vars\n```\n\n## Use\n\nAs a Rework plugin:\n\n```js\n// dependencies\nvar fs = require('fs');\nvar rework = require('rework');\nvar vars = require('rework-vars');\n\n// css to be processed\nvar css = fs.readFileSync('build/build.css', 'utf8').toString();\n\n// process css using rework-vars\nvar options = {};\nvar out = rework(css).use(vars(options)).toString();\n```\n\n### Options\n\n#### `map`\n\nOptionally, you may pass an object of variables - `map` - to the JavaScript\nfunction.\n\n```js\nvar map = {\n  'app-bg-color': 'white'\n}\n\nvar out = rework(css).use(vars({map: map})).toString();\n```\n\n#### `preserve` (default: `false`)\n\nSetting `preserve` to `true` will preserve the variable definitions and\nreferences in the output, so that they can be used by supporting browsers.\n\n```js\nvar out = rework(css).use(vars({preserve: true})).toString();\n```\n\n## Supported features\n\nVariables can be declared as custom CSS properties on the `:root` element,\nprefixed with `--`:\n\n```css\n:root {\n  --my-color: red;\n}\n```\n\nVariables are applied using the `var()` function, taking the name of a variable\nas the first argument:\n\n```css\n:root {\n  --my-color: red;\n}\n\ndiv {\n  color: var(--my-color);\n}\n```\n\nFallback values are supported and are applied if a variable has not been\ndeclared:\n\n```css\n:root {\n  --my-color: red;\n}\n\ndiv {\n  color: var(--other-color, green);\n}\n```\n\nFallbacks can be \"complex\". Anything after the first comma in the `var()`\nfunction will act as the fallback value – `var(name, fallback)`. Nested\nvariables are also supported:\n\n```css\n:root {\n  --my-color: red;\n}\n\ndiv {\n  background: var(--my-other-color, linear-gradient(var(--my-color), rgba(255,0,0,0.5)));\n}\n```\n\n## What to expect\n\nVariables can _only_ be declared for, and scoped to the `:root` element. All\nother variable declarations are left untouched. Any known variables used as\nvalues are replaced.\n\n```css\n:root {\n  --color-one: red;\n  --color-two: green;\n}\n\n:root,\ndiv {\n  --color-two: purple;\n  color: var(--color-two);\n}\n\ndiv {\n  --color-three: blue;\n}\n\nspan {\n  --color-four: yellow;\n}\n```\n\nyields:\n\n```css\n:root,\ndiv {\n  --color-two: purple;\n  color: green;\n}\n\ndiv {\n  --color-three: blue;\n}\n\nspan {\n  --color-four: yellow;\n}\n```\n\nVariables are not dynamic; they are replaced with normal CSS values. The value\nof a defined variable is determined by the last declaration of that variable\nfor `:root`.\n\n```css\n:root {\n  --brand-color: green;\n}\n\n.brand {\n  color: var(--brand-color);\n}\n\n:root {\n  --brand-color: red;\n}\n```\n\nyields:\n\n```css\n.brand {\n  color: red;\n}\n```\n\nVariables declared within `@media` or `@supports` are not currently supported\nand will also be ignored.\n\n```css\n@media (min-width: 320px) {\n  :root {\n    --brand-color: red;\n  }\n}\n```\n\nyields:\n\n```css\n@media (min-width: 320px) {\n  :root {\n    --brand-color: red;\n  }\n}\n```\n\n## License\n\nMIT\n","_attachments":{},"homepage":"https://github.com/reworkcss/rework-vars","bugs":{"url":"https://github.com/reworkcss/rework-vars/issues"},"license":"MIT"}