{"_id":"rework-vars","_rev":"26-8c43e6acc296ef2d89dcb77f86f875d0","name":"rework-vars","description":"CSS spec style variables for Rework","dist-tags":{"latest":"3.1.1"},"versions":{"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"},"_id":"rework-vars@1.0.0","dist":{"shasum":"753c78645cec9ada56fe06c9491d5c105b13952a","tarball":"https://registry.npmjs.org/rework-vars/-/rework-vars-1.0.0.tgz","integrity":"sha512-EWLvzUBw9y0l+8Vd+C3J61Not9yyIb4QsKO2u7HXSPJmPNFu81mpN3EC7Oem3SKmxp5H3IYPLNWYE5jwH6nZ7g==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBd42DXiHMO0iNAoFEui6AebSslPEN4gTXbZ0FqwkL2IAiATU9hwegjNblUuiP4cUzX5VjmoEIX9akvOyemb2wpRww=="}]},"_from":".","_npmVersion":"1.2.14","_npmUser":{"name":"tjholowaychuk","email":"tj@vision-media.ca"},"maintainers":[{"name":"tjholowaychuk","email":"tj@vision-media.ca"}]},"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"},"_id":"rework-vars@1.0.1","dist":{"shasum":"4227f45cb40a2e23d4e6155a1e93b5ecad6ae786","tarball":"https://registry.npmjs.org/rework-vars/-/rework-vars-1.0.1.tgz","integrity":"sha512-8iXtRWuOrpOMhZhhz9RLIiUj4J40OAKNTtveHWZpB14EKRQqTtlimEcOEOyQxvz8AjA9ZfP+kIiyVgcqtnSjhQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA92FHKRJgbxX9VDgdBCfzG+juvRLheSkFFv3Tf+xfb2AiEArGR2lMzVoWnKw29gp45hu8FAHiSVswwVlCslMY4lB1w="}]},"_from":".","_npmVersion":"1.3.4","_npmUser":{"name":"tjholowaychuk","email":"tj@vision-media.ca"},"maintainers":[{"name":"tjholowaychuk","email":"tj@vision-media.ca"}]},"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"},"bugs":{"url":"https://github.com/visionmedia/rework-vars/issues"},"_id":"rework-vars@1.1.0","dist":{"shasum":"4ba138efc1cf69e7de49017d96a8b8e8a2213239","tarball":"https://registry.npmjs.org/rework-vars/-/rework-vars-1.1.0.tgz","integrity":"sha512-m2saseY8kHNDTQmKtZctp054lozz5SN35g75rGF0fl/gXk0fmucefV+plOJTPV7q8OeUV8Cu1Lzn13PMw/+lvw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCAGujOw6S64ocap/wMfYegAEHMqPY9f3hkjNz8d/7YiAIgOkCIbJE2I3/bf/vqZG5bVsCezWfUsaUMJEHtAmniyHs="}]},"_from":".","_npmVersion":"1.2.30","_npmUser":{"name":"tjholowaychuk","email":"tj@vision-media.ca"},"maintainers":[{"name":"tjholowaychuk","email":"tj@vision-media.ca"},{"name":"necolas","email":"nicolasgallagher@gmail.com"}]},"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"},"bugs":{"url":"https://github.com/visionmedia/rework-vars/issues"},"_id":"rework-vars@2.0.0","dist":{"shasum":"529f064a94aebc687850bbb8254dfe3d0b62ceda","tarball":"https://registry.npmjs.org/rework-vars/-/rework-vars-2.0.0.tgz","integrity":"sha512-TTWk3KTV2Seq8TmcbwMOsS0DOkfVVfQiT2ar3DbVyE3U2yOKclQ4MUO01H852BqvgeqqcwQDAqZSDDuV3vAv9A==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA5wG0EQayUp6taSkJ0DPcFcaUOYpXCtW0FJRSFP3DliAiBxoJ3d5POhgelZ6HQxiwCp/RNf76NE8raZwCTfuGq0cQ=="}]},"_from":".","_npmVersion":"1.3.11","_npmUser":{"name":"necolas","email":"nicolasgallagher@gmail.com"},"maintainers":[{"name":"tjholowaychuk","email":"tj@vision-media.ca"},{"name":"necolas","email":"nicolasgallagher@gmail.com"}]},"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"},"bugs":{"url":"https://github.com/visionmedia/rework-vars/issues"},"_id":"rework-vars@2.0.1","dist":{"shasum":"9c84c98082d5dd4b2df016e0666a5eb5d64cbeb6","tarball":"https://registry.npmjs.org/rework-vars/-/rework-vars-2.0.1.tgz","integrity":"sha512-k+IpEWBxakkqjr5rRuRVOtF5C24Hqg+XAMZm9f4NcTNEsxQ081HhD70Jm9wcFTnLd/AAi9ZcTkH46ZH4EYzxxw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICKSBUz96vcX00XqrOM/zHfX2U5idbxkn0CCPI2FrmydAiEA5Rck7Pl6BIbjhYbkIwFnAm7GyqPDHkEFMVpYgJtHR74="}]},"_from":".","_npmVersion":"1.3.11","_npmUser":{"name":"necolas","email":"nicolasgallagher@gmail.com"},"maintainers":[{"name":"tjholowaychuk","email":"tj@vision-media.ca"},{"name":"necolas","email":"nicolasgallagher@gmail.com"}]},"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"},"bugs":{"url":"https://github.com/visionmedia/rework-vars/issues"},"_id":"rework-vars@2.0.2","dist":{"shasum":"d6f299a0e2a4977859e055567da05319d8874af4","tarball":"https://registry.npmjs.org/rework-vars/-/rework-vars-2.0.2.tgz","integrity":"sha512-5rOIw72YqDeqACmbSbvpo0wgkVEmwmiCgwSJRiPo3lanZzTnpN1MFI62mssok9lpdYuHB4/SCU7X2DVGFD2CSA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHr+XY6PpLdM2U6Xvu7jNOlE2xUmUTP6A8w5SDei8np/AiBRetrmpf+5KWfPjxHf6MPhL7ehMpscoWoj9QAe16nSJw=="}]},"_from":".","_npmVersion":"1.3.11","_npmUser":{"name":"necolas","email":"nicolasgallagher@gmail.com"},"maintainers":[{"name":"tjholowaychuk","email":"tj@vision-media.ca"},{"name":"necolas","email":"nicolasgallagher@gmail.com"}]},"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","tarball":"https://registry.npmjs.org/rework-vars/-/rework-vars-2.0.3.tgz","integrity":"sha512-0Vro3QtiGtXvYNd4uKhlIYWnytisrdl/o+Sx00WLLpoyKEi/BLgV468Nxgs4AmyankbLFmhua9a7GN7QWxu58A==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB7dVLnZJJ8j+YnInf9cEEpDe2ycks37gjIqEDhU9BCNAiBXEHn2gywPN2ZX24kcXC6YYRDHIX43/H3bGsERsBkOOA=="}]},"_from":".","_npmVersion":"1.3.11","_npmUser":{"name":"necolas","email":"nicolasgallagher@gmail.com"},"maintainers":[{"name":"tjholowaychuk","email":"tj@vision-media.ca"},{"name":"necolas","email":"nicolasgallagher@gmail.com"}]},"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","tarball":"https://registry.npmjs.org/rework-vars/-/rework-vars-3.0.0.tgz","integrity":"sha512-2thFgBUrhPCMskks8VIWFCKaYy1vzbsMeCZfCRR0eGxe8Te5dyKeM8Vdlv4FmOUAQCOgy95+BXPNZcS0qCerMw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAMJI/96VJio6EOMhur7JyqPS1y3CY0pccD3S/sRNukiAiEAv6sGQje5rF2/BTOEFN0lui7Yb7yIblHwmOl8Wfv6ZBE="}]},"_from":".","_npmVersion":"1.4.3","_npmUser":{"name":"necolas","email":"nicolasgallagher@gmail.com"},"maintainers":[{"name":"tjholowaychuk","email":"tj@vision-media.ca"},{"name":"necolas","email":"nicolasgallagher@gmail.com"}]},"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","tarball":"https://registry.npmjs.org/rework-vars/-/rework-vars-3.1.0.tgz","integrity":"sha512-a+TM5oEfvDIB0iSixJ2D4HivPa16psPQ2wsnq3QVS0LSprHyVa7zc5h5siJTuXEHwaM8Gaw5ctRPwz4AmRil0Q==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFS5Y2jHcMqyUfZ4ZwboGrxAvTxVAgv/jd1UCL+JewokAiB7sHqiYMYlRT/DskwrIOefiTu95/hXMCA0EcShtR8gsQ=="}]},"_from":".","_npmVersion":"1.4.3","_npmUser":{"name":"necolas","email":"nicolasgallagher@gmail.com"},"maintainers":[{"name":"tjholowaychuk","email":"tj@vision-media.ca"},{"name":"necolas","email":"nicolasgallagher@gmail.com"}]},"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","tarball":"https://registry.npmjs.org/rework-vars/-/rework-vars-3.1.1.tgz","integrity":"sha512-QkMNrnZ4cDI+iyKhqx2r9SOIrHhTbjYG0TW0R+M8IPY5OvIz9jmM17VYS8isKLr4Lr3Kb156R3n/ZxPVJHxfZQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDfS5bQRmFxT5TrP47M/0cv1lNOWGaW8e9lijRjddijaAiBRcjz2NH8siHMo8mW1tgtb21xwxABJJRZl13p4QxBWBA=="}]},"_from":".","_npmVersion":"1.4.3","_npmUser":{"name":"necolas","email":"nicolasgallagher@gmail.com"},"maintainers":[{"name":"tjholowaychuk","email":"tj@vision-media.ca"},{"name":"necolas","email":"nicolasgallagher@gmail.com"}]}},"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","maintainers":[{"name":"tjholowaychuk","email":"tj@vision-media.ca"},{"name":"necolas","email":"nicolasgallagher@gmail.com"}],"time":{"modified":"2022-06-26T13:02:41.960Z","created":"2013-06-19T01:28:27.077Z","1.0.0":"2013-06-19T01:28:28.421Z","1.0.1":"2013-07-24T03:20:00.751Z","1.1.0":"2013-12-01T19:57:48.497Z","2.0.0":"2013-12-18T10:52:19.000Z","2.0.1":"2013-12-18T11:09:31.253Z","2.0.2":"2013-12-18T11:49:31.660Z","2.0.3":"2014-02-11T22:28:29.313Z","3.0.0":"2014-04-17T20:29:17.128Z","3.1.0":"2014-06-19T23:34:05.301Z","3.1.1":"2014-06-20T00:32:01.498Z"},"users":{"conradz":true},"repository":{"type":"git","url":"https://github.com/reworkcss/rework-vars.git"},"readmeFilename":"Readme.md","homepage":"https://github.com/reworkcss/rework-vars","keywords":["css","rework","rework-plugin","variables","vars"],"bugs":{"url":"https://github.com/reworkcss/rework-vars/issues"},"license":"MIT"}