{"_id":"postcss-variables","_rev":"13-ab68abe52b036b99c2021b5e19706917","name":"postcss-variables","description":"PostCSS plugin that converts variables into CSS","dist-tags":{"latest":"1.1.1"},"versions":{"0.1.0":{"name":"postcss-variables","version":"0.1.0","description":"Converts variables into CSS","main":"index.js","scripts":{"test":"mocha ./tests.js"},"author":{"name":"Nathan Hood"},"license":"CC0-1.0","dependencies":{"postcss":"^5.2.6"},"devDependencies":{"chai":"^3.5.0","mocha":"^3.2.0"},"gitHead":"183353ff04cabd0556d1d8236378d5b471fb6fd8","_id":"postcss-variables@0.1.0","_shasum":"fbf30b94c3ea391cc1330e06c9f32c22f8a8d924","_from":".","_npmVersion":"3.10.8","_nodeVersion":"6.9.1","_npmUser":{"name":"nathanhood","email":"nathanhood@me.com"},"dist":{"shasum":"fbf30b94c3ea391cc1330e06c9f32c22f8a8d924","tarball":"https://registry.npmjs.org/postcss-variables/-/postcss-variables-0.1.0.tgz","integrity":"sha512-Evq8ljv3FRWrZxJtFS72ITBvkzNrUr7xMuI/WMJ4uMEXvAyGnrdsZCceQYt7QVeR36aZoFo8yj/YNALS7CzFKA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHkcSM8qty4hiI8YkjOSUTSWbAA3Nz3r/imorYpdq7CXAiA/DcxSOloIgDM7mnep5lzUizWqcHrTUEvV2KoIttqk+g=="}]},"maintainers":[{"name":"nathanhood","email":"nathanhood@me.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/postcss-variables-0.1.0.tgz_1480401967110_0.921748009044677"}},"0.1.1":{"name":"postcss-variables","version":"0.1.1","description":"PostCSS plugin that converts variables into CSS","main":"index.js","keywords":["postcss","css","postcss-plugin","variables","vars"],"scripts":{"test":"mocha ./tests.js"},"author":{"name":"Nathan Hood"},"license":"MIT","dependencies":{"postcss":"^5.2.6"},"devDependencies":{"chai":"^3.5.0","istanbul":"^0.4.5","mocha":"^3.2.0","postcss-js-mixins":"^0.1"},"gitHead":"0036acd2f3c93645c9a2604e7cce843d3d4947e5","_id":"postcss-variables@0.1.1","_shasum":"d21384bf600d36ad7ca23b74c18b18c1ef8eea05","_from":".","_npmVersion":"3.10.8","_nodeVersion":"6.9.1","_npmUser":{"name":"nathanhood","email":"nathanhood@me.com"},"dist":{"shasum":"d21384bf600d36ad7ca23b74c18b18c1ef8eea05","tarball":"https://registry.npmjs.org/postcss-variables/-/postcss-variables-0.1.1.tgz","integrity":"sha512-Ftutj3Us3pBYspZc3bv14+AoaUeY0b/Ok9byq8+9snrx9ktDW7GOdwhXkde5PQwO+8x7m+9uFPKEtIwy+yjx8Q==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICes5IaX5z5Uzk8GMapr4OzNhmzRFBJaukjxy+jOXVvlAiB7a3OnQsMS2m/wJRjyCBiHq1IsmiqXqkkWijNspvDnbA=="}]},"maintainers":[{"name":"nathanhood","email":"nathanhood@me.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/postcss-variables-0.1.1.tgz_1484454414789_0.45473579154349864"}},"0.1.2":{"name":"postcss-variables","version":"0.1.2","description":"PostCSS plugin that converts variables into CSS","main":"index.js","keywords":["postcss","css","postcss-plugin","variables","vars"],"scripts":{"test":"mocha ./tests.js"},"author":{"name":"Nathan Hood"},"license":"MIT","dependencies":{"postcss":"^5.2.6"},"devDependencies":{"chai":"^3.5.0","istanbul":"^0.4.5","mocha":"^3.2.0","postcss-js-mixins":"^0.1"},"gitHead":"9b316bf72566fe0b5a41e205680bca285a45e656","_id":"postcss-variables@0.1.2","_shasum":"83ac5fc6de9b65a22305052aade0b2ff0feeeb70","_from":".","_npmVersion":"3.10.8","_nodeVersion":"6.9.1","_npmUser":{"name":"nathanhood","email":"nathanhood@me.com"},"dist":{"shasum":"83ac5fc6de9b65a22305052aade0b2ff0feeeb70","tarball":"https://registry.npmjs.org/postcss-variables/-/postcss-variables-0.1.2.tgz","integrity":"sha512-mRizD7K12CYjeDGV/8aNKk+mT+Jyn4seufUbzn9YzOvZCUFK58x8jl70NwrTCXTiHWoTVKOF3qeA/SlR2tNpHQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCdkduVKnTKwEMtC4rKRH6SQAOo42MY0yZJK/tLfZPVQgIgJXZGnEOjm5NQ8s4HTrNfaoNkKQjwUtObP4yrcg0yjeM="}]},"maintainers":[{"name":"nathanhood","email":"nathanhood@me.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/postcss-variables-0.1.2.tgz_1486264370555_0.3975881547667086"}},"0.2.0":{"name":"postcss-variables","version":"0.2.0","description":"PostCSS plugin that converts variables into CSS","main":"index.js","keywords":["postcss","css","postcss-plugin","variables","vars"],"scripts":{"test":"mocha ./tests.js"},"author":{"name":"Nathan Hood"},"license":"MIT","dependencies":{"postcss":"^5.2.6"},"devDependencies":{"chai":"^3.5.0","istanbul":"^0.4.5","mocha":"^3.2.0","postcss-js-mixins":"^0.2","postcss-wee-syntax":"^1.1.1"},"gitHead":"a999be0716889ef0884f6f99b54d3eea8edf9c8f","_id":"postcss-variables@0.2.0","_shasum":"3576b4dab47ba824eca6bcae725d8410d8e97a0f","_from":".","_npmVersion":"3.10.8","_nodeVersion":"6.9.1","_npmUser":{"name":"nathanhood","email":"nathanhood@me.com"},"dist":{"shasum":"3576b4dab47ba824eca6bcae725d8410d8e97a0f","tarball":"https://registry.npmjs.org/postcss-variables/-/postcss-variables-0.2.0.tgz","integrity":"sha512-NN4QSMKWbzFRHwxho0pDttOaH4wVC9FAxlRZ76HEBrSFH7Ix6rR+laL+Tri3lz+qwlVZgesn12HysoeBmvVvow==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID9HXr0BE5iEDrKpYkkeMk1hki75lNmpGvmXUXh1vdDHAiEArRXgLWNvRIPmPC1CuvSIrKHDyunXJ6Q3ei/w00EdJpw="}]},"maintainers":[{"name":"nathanhood","email":"nathanhood@me.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/postcss-variables-0.2.0.tgz_1487461176150_0.3204480542335659"}},"0.2.1":{"name":"postcss-variables","version":"0.2.1","description":"PostCSS plugin that converts variables into CSS","main":"index.js","keywords":["postcss","css","postcss-plugin","variables","vars"],"scripts":{"test":"mocha ./tests.js"},"author":{"name":"Nathan Hood"},"license":"MIT","dependencies":{"postcss":"^5.2.6"},"devDependencies":{"chai":"^3.5.0","istanbul":"^0.4.5","mocha":"^3.2.0","postcss-js-mixins":"^0.2","postcss-wee-syntax":"^1.1.1"},"gitHead":"8a8d5c96f6bb6791776b14d7df07f0b5e6b72271","_id":"postcss-variables@0.2.1","_shasum":"5adef3439618788d871a124d75611acc63a55142","_from":".","_npmVersion":"3.10.8","_nodeVersion":"6.9.1","_npmUser":{"name":"nathanhood","email":"nathanhood@me.com"},"dist":{"shasum":"5adef3439618788d871a124d75611acc63a55142","tarball":"https://registry.npmjs.org/postcss-variables/-/postcss-variables-0.2.1.tgz","integrity":"sha512-T27wOL3sAtjKghzYU38i1x+QEbYK3er8eWMiLX3d5TIq/gjfpFAUB7V2/jISpjyAd37RHqD/f+xbdrAH3i/YfA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEMDsiT7wXBCaGGLsOfi2RDYr+UTsa0aQAlH0xtTu7X5AiBGsZeGxH14dHA13w+Ka3A3N2NFbSzXiZ4NAeTJN29/RA=="}]},"maintainers":[{"name":"nathanhood","email":"nathanhood@me.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/postcss-variables-0.2.1.tgz_1487461400182_0.8241790481843054"}},"1.0.0":{"name":"postcss-variables","version":"1.0.0","description":"PostCSS plugin that converts variables into CSS","main":"index.js","keywords":["postcss","css","postcss-plugin","variables","vars"],"scripts":{"test":"mocha ./tests.js"},"repository":{"type":"git","url":"git+https://github.com/nathanhood/postcss-variables.git"},"author":{"name":"Nathan Hood"},"license":"MIT","dependencies":{"postcss":"^5.2.6"},"devDependencies":{"chai":"^3.5.0","istanbul":"^0.4.5","mocha":"^3.2.0","postcss-js-mixins":"^2.0.1","postcss-wee-syntax":"2.0.0"},"gitHead":"bc71ee3408e6be2907f8bf654014e159ca8148cd","bugs":{"url":"https://github.com/nathanhood/postcss-variables/issues"},"homepage":"https://github.com/nathanhood/postcss-variables#readme","_id":"postcss-variables@1.0.0","_shasum":"b9bfa1dcd7ee041ed09f018df96903bb28515cba","_from":".","_npmVersion":"3.10.8","_nodeVersion":"6.9.1","_npmUser":{"name":"nathanhood","email":"nathanhood@me.com"},"dist":{"shasum":"b9bfa1dcd7ee041ed09f018df96903bb28515cba","tarball":"https://registry.npmjs.org/postcss-variables/-/postcss-variables-1.0.0.tgz","integrity":"sha512-AmDR10vX8MMUrePAXVDf4mvHfGMD0qCuh9tIgbeQ/Ww5OuzYR8JJ3YbIoWj9KUdJ6OQ36kMIvjXFWk1EXfD1xQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH+2ulbAL1/dnwAx582361RT6qSPuYHdIlfg9Mz0nUbUAiBI7ibb6DvHSaDebFyNwQxUD3/QOJOtxa+nBve/WlONtw=="}]},"maintainers":[{"name":"nathanhood","email":"nathanhood@me.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/postcss-variables-1.0.0.tgz_1488668954410_0.8448940559756011"}},"1.0.1":{"name":"postcss-variables","version":"1.0.1","description":"PostCSS plugin that converts variables into CSS","main":"index.js","keywords":["postcss","css","postcss-plugin","variables","vars"],"scripts":{"test":"mocha ./tests.js"},"repository":{"type":"git","url":"git+https://github.com/nathanhood/postcss-variables.git"},"author":{"name":"Nathan Hood"},"license":"MIT","dependencies":{"postcss":"^5.2.6"},"devDependencies":{"chai":"^3.5.0","istanbul":"^0.4.5","mocha":"^3.2.0","postcss-js-mixins":"^2.2.0","postcss-wee-syntax":"2.0.0"},"gitHead":"a63d5c71c6206db4f75c2cd295fdc220d250438e","bugs":{"url":"https://github.com/nathanhood/postcss-variables/issues"},"homepage":"https://github.com/nathanhood/postcss-variables#readme","_id":"postcss-variables@1.0.1","_shasum":"424165bb8437176ec91b75ae4f967727524f2a85","_from":".","_npmVersion":"3.10.8","_nodeVersion":"6.9.1","_npmUser":{"name":"nathanhood","email":"nathanhood@me.com"},"dist":{"shasum":"424165bb8437176ec91b75ae4f967727524f2a85","tarball":"https://registry.npmjs.org/postcss-variables/-/postcss-variables-1.0.1.tgz","integrity":"sha512-KxlnjF3HW67/591LiKtEphTzV8mHfXIuF/wlL/DROacFZA1Y44+rTS91B5WZehHILZutPRnygN++f5sDybofqg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDlKjZPGjMbXPlVgA2YX2Ncoec6sbcrg3siYT3qt3WCBQIgSyVB/bf3Os0c8Yqb2g0jg7A4F8du/xkcFVbbgLtqFQc="}]},"maintainers":[{"name":"nathanhood","email":"nathanhood@me.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/postcss-variables-1.0.1.tgz_1489495247299_0.17130581568926573"}},"1.1.0":{"name":"postcss-variables","version":"1.1.0","description":"PostCSS plugin that converts variables into CSS","main":"index.js","keywords":["postcss","css","postcss-plugin","variables","vars"],"scripts":{"test":"mocha ./tests.js"},"repository":{"type":"git","url":"git+https://github.com/nathanhood/postcss-variables.git"},"author":{"name":"Nathan Hood"},"license":"MIT","dependencies":{"postcss":"^5.2.6"},"devDependencies":{"chai":"^3.5.0","istanbul":"^0.4.5","mocha":"^3.2.0","postcss-js-mixins":"^2.2.0","postcss-wee-syntax":"2.0.0"},"gitHead":"526ca0da4f2a35d3259f4442cb95859c798dd7a6","bugs":{"url":"https://github.com/nathanhood/postcss-variables/issues"},"homepage":"https://github.com/nathanhood/postcss-variables#readme","_id":"postcss-variables@1.1.0","_shasum":"6a22d8c5d9e126a6ac34717847b8128f3edecbb6","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.10.1","_npmUser":{"name":"nathanhood","email":"nathanhood@me.com"},"dist":{"shasum":"6a22d8c5d9e126a6ac34717847b8128f3edecbb6","tarball":"https://registry.npmjs.org/postcss-variables/-/postcss-variables-1.1.0.tgz","integrity":"sha512-U6Jo0E4Mj7nrCT1svg3Q8Bt5GAdtqdKncHynZ9u/D+xaX2mtEogCa0gZaDUd0JL7Sv6xo4w8djDgcQFiTGIGFw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG/gevofX9oFRD/p0JXk0os0/TBOuMFBGQNwpy75lN2uAiEAgTc861ybZKnMYpj/Ktw3w7LEvHgbuPgahX8eYEzYc+8="}]},"maintainers":[{"name":"nathanhood","email":"nathanhood@me.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/postcss-variables-1.1.0.tgz_1491592915108_0.9230096929240972"}},"1.1.1":{"name":"postcss-variables","version":"1.1.1","description":"PostCSS plugin that converts variables into CSS","main":"index.js","keywords":["postcss","css","postcss-plugin","variables","vars"],"scripts":{"test":"mocha ./tests.js"},"repository":{"type":"git","url":"git+https://github.com/nathanhood/postcss-variables.git"},"author":{"name":"Nathan Hood"},"license":"MIT","dependencies":{"postcss":"^6.0.9"},"devDependencies":{"chai":"^4.1.1","istanbul":"^0.4.5","mocha":"^3.5.0","postcss-js-mixins":"^2.5.2","postcss-wee-syntax":"3.0.0"},"gitHead":"5ea5a014fbed5cf19643dad61c95c5faae76a36b","bugs":{"url":"https://github.com/nathanhood/postcss-variables/issues"},"homepage":"https://github.com/nathanhood/postcss-variables#readme","_id":"postcss-variables@1.1.1","_npmVersion":"5.3.0","_nodeVersion":"8.4.0","_npmUser":{"name":"nathanhood","email":"nathanhood@me.com"},"dist":{"integrity":"sha512-a9b2ZXoy60xl28m+jedXYvbXLdYSLPXOqvgkLUHhOUbhIRlVoSHRGhGtpMLkcgVc05lu3JUBEypLVcTYNcltMw==","shasum":"f86856acd0583b0c493767f22f7258509d37f9e0","tarball":"https://registry.npmjs.org/postcss-variables/-/postcss-variables-1.1.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGi8a8RE4ugo4lUW6Gs2IHC2Kj7BUQCnatm+oZHCIWxuAiEA/xT55nDLcNRM/PTUVB4yN6lu99SAZk5UJ94hI0Kti2w="}]},"maintainers":[{"name":"nathanhood","email":"nathanhood@me.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/postcss-variables-1.1.1.tgz_1502946602657_0.21194940549321473"}}},"readme":"# PostCSS Variables\n\n[![Build Status](https://travis-ci.org/nathanhood/postcss-variables.svg?branch=master)](https://travis-ci.org/nathanhood/postcss-variables)\n[![codecov](https://codecov.io/gh/nathanhood/postcss-variables/branch/master/graph/badge.svg)](https://codecov.io/gh/nathanhood/postcss-variables)\n[![npm version](https://badge.fury.io/js/postcss-variables.svg)](https://badge.fury.io/js/postcss-variables)\n\n<img align=\"right\" width=\"135\" height=\"95\" src=\"http://postcss.github.io/postcss/logo-leftp.png\" title=\"Philosopher’s stone, logo of PostCSS\">\n\nConverts variables into CSS.\n\n```scss\n/* before (nesting requires postcss-nested) */\n\n$dir: assets/icons;\n$color: blue;\n\n.block {\n\tbackground: url('$(dir)/foo.png');\n\t&__elem {\n\t\t$color: green;\n\t\tcolor: $color;\n\t}\n\t&__elem2 {\n\t\tcolor: $color;\n\t}\n}\n\n/* after */\n\n.block {\n\tbackground: url('assets/icons/foo.png');\n\t&__elem {\n\t\tcolor: green;\n\t}\n\t&__elem2 {\n\t\tcolor: blue;\n\t}\n}\n```\n\n\n## Usage\n\nAdd PostCSS Variables to your build tool:\n\n```bash\nnpm install postcss-variables --save-dev\n```\n\n#### Node\n\n```js\nrequire('postcss-variables')({ /* options */ }).process(YOUR_CSS);\n```\n\n#### PostCSS\n\nAdd [PostCSS](https://github.com/postcss/postcss) to your build tool:\n\n```bash\nnpm install postcss --save-dev\n```\n\nLoad PostCSS Variables as a PostCSS plugin:\n\n```js\npostcss([\n\trequire('postcss-variables')({ /* options */ })\n]);\n```\n\n## Options\n\n### `globals`\n\nType: `Object`  \nDefault: `{}`\n\nSpecifies your own global variables.\n\n```js\nrequire('postcss-variables')({\n\tglobals: {\n\t\tsiteWidth: '960px',\n\t\tcolors: {\n\t\t\tprimary: '#fff',\n\t\t\tsecondary: '#000'\n\t\t}\n\t}\n});\n```\n\n```css\n/* before */\n\n.hero {\n\tcolor: $colors.primary;\n\tmax-width: $siteWidth;\n}\n\n/* after */\n\n.hero {\n\tcolor: #fff;\n\tmax-width: 960px;\n}\n```\n\n## Advanced\n \nWhen creating your global variables, you may want to eliminate duplication by referencing an existing property to define your new variable. You can do this by referencing variables like you would in your stylesheet. Here is the basic idea:\n\n```js\nlet vars = {\n\tcolors: {\n\t\tprimary: '#fff'\n\t},\n\theading: {\n\t\tcolor: '$colors.primary'\n\t}\n };\n```\n\nIn certain circumstances, you may want to create a base variables file that you would want to be able to override. This would be a use-case if you were using this plugin inside of some kind of framework.\nIf you are using functions to calculate global variables, you may want to delay the function execution until after you had a chance to override your variables. This can be done by using the `defer` method.\n\n```js\nfunction darken(color, pct) {\n\t// Do something to calculate darker hex value\n\treturn result\n}\n\nmodule.exports = {\n\tcolors: {\n\t\twhite: '#fff',\n\t\tgray: defer(darken, ['$colors.white', 35])\n\t}\n };\n```\n\nThis is what a full example would look like in order to use these features:\n\n```js\n/* variables.js */\nconst { defer } = require('postcss-variables/lib/helpers');\nconst register = require('postcss-variables/lib/register');\n\nfunction darken(color, pct) {\n\t// Do something to calculate darker hex value\n\treturn result\n}\n\nlet vars = {\n\tcolors: {\n\t\tprimary: '#fff',\n\t\tgray: defer(darken, ['$colors.white', 35])\n\t},\n\theading: {\n\t\tcolor: '$colors.primary'\n\t}\n};\n\nmodule.exports = register(vars);\n```","maintainers":[{"email":"peter@lewiscommunications.com","name":"peterbedorjr"},{"email":"nathanhood@me.com","name":"nathanhood"}],"time":{"modified":"2022-06-24T11:10:25.390Z","created":"2016-11-29T06:46:09.204Z","0.1.0":"2016-11-29T06:46:09.204Z","0.1.1":"2017-01-15T04:26:56.872Z","0.1.2":"2017-02-05T03:12:51.230Z","0.2.0":"2017-02-18T23:39:38.077Z","0.2.1":"2017-02-18T23:43:22.112Z","1.0.0":"2017-03-04T23:09:16.285Z","1.0.1":"2017-03-14T12:40:49.245Z","1.1.0":"2017-04-07T19:21:57.169Z","1.1.1":"2017-08-17T05:10:03.717Z"},"author":{"name":"Nathan Hood"},"license":"MIT","readmeFilename":"README.md","keywords":["postcss","css","postcss-plugin","variables","vars"],"homepage":"https://github.com/nathanhood/postcss-variables#readme","repository":{"type":"git","url":"git+https://github.com/nathanhood/postcss-variables.git"},"bugs":{"url":"https://github.com/nathanhood/postcss-variables/issues"}}