{"_id":"rework-custom-media","_rev":"8-3de4de2628aa14493e214eb9c2392466","name":"rework-custom-media","description":"W3C-style custom media queries for Rework","dist-tags":{"latest":"0.2.0"},"versions":{"0.1.0":{"name":"rework-custom-media","version":"0.1.0","description":"W3C-style custom media queries for Rework","files":["index.js"],"devDependencies":{"mocha":"~1.14.0","rework":"^1.0.0"},"scripts":{"test":"mocha --no-colors","test-watch":"mocha --slow 30 --reporter spec --watch"},"keywords":["css","custom-media","rework","media-queries","media-query","preprocessor","rework-plugin"],"license":"MIT","repository":{"type":"git","url":"https://github.com/reworkcss/rework-vars.git"},"bugs":{"url":"https://github.com/reworkcss/rework-vars/issues"},"homepage":"https://github.com/reworkcss/rework-vars","_id":"rework-custom-media@0.1.0","dist":{"shasum":"886fe8c3824fe093cee7073980deca3be74ee408","tarball":"https://registry.npmjs.org/rework-custom-media/-/rework-custom-media-0.1.0.tgz","integrity":"sha512-BSUDPD0Vc9R1MkSoGOjjW+qd/fg3+piiVw+dwkC0U2KS6j8nju8Wye0WDds5ju9ttNStYb3OuBntBHl5nFGYCA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCV7gXU61KXXYP2UxRMXo6sujkSck9FADu9QOpd2YDR6gIgY1mAxsjEP6bJbYd6DPOaBsTQy+lQk6yZeAkEmNvb05E="}]},"_from":".","_npmVersion":"1.4.3","_npmUser":{"name":"necolas","email":"nicolasgallagher@gmail.com"},"maintainers":[{"name":"necolas","email":"nicolasgallagher@gmail.com"}]},"0.1.1":{"name":"rework-custom-media","version":"0.1.1","description":"W3C-style custom media queries for Rework","files":["index.js"],"devDependencies":{"mocha":"~1.14.0","rework":"^1.0.0"},"scripts":{"test":"mocha --no-colors","test-watch":"mocha --slow 30 --reporter spec --watch"},"keywords":["css","custom-media","rework","media-queries","media-query","preprocessor","rework-plugin"],"license":"MIT","repository":{"type":"git","url":"https://github.com/reworkcss/rework-custom-media.git"},"bugs":{"url":"https://github.com/reworkcss/rework-custom-media/issues"},"homepage":"https://github.com/reworkcss/rework-custom-media","_id":"rework-custom-media@0.1.1","dist":{"shasum":"b6b2b3d70bd960b819d323b075da2b6f18c27f39","tarball":"https://registry.npmjs.org/rework-custom-media/-/rework-custom-media-0.1.1.tgz","integrity":"sha512-pZR+xUaWDTLpq9i4aG7TTFQSO8FxkOGY57CuscQZ1CLzWuBDt0CuE73CW50Ij/2s0B1/lPnW6yDHdt9mFbzY8w==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEDuPzOpszDTI/qqp3lNYvoeHa3+Tut5IkV+Y0k3oDFnAiBaYkbA/hQkYxrj7uewAPXSvRIT+NDU6aqCZPqAS/87Cg=="}]},"_from":".","_npmVersion":"1.4.3","_npmUser":{"name":"necolas","email":"nicolasgallagher@gmail.com"},"maintainers":[{"name":"necolas","email":"nicolasgallagher@gmail.com"}]},"0.2.0":{"name":"rework-custom-media","version":"0.2.0","description":"W3C-style custom media queries for Rework","files":["index.js"],"devDependencies":{"mocha":"^1.21.0","rework":"^1.0.0"},"scripts":{"test":"mocha --no-colors","test-watch":"mocha --slow 30 --reporter spec --watch"},"keywords":["css","custom-media","rework","media-queries","media-query","preprocessor","rework-plugin"],"license":"MIT","repository":{"type":"git","url":"https://github.com/reworkcss/rework-custom-media.git"},"bugs":{"url":"https://github.com/reworkcss/rework-custom-media/issues"},"homepage":"https://github.com/reworkcss/rework-custom-media","_id":"rework-custom-media@0.2.0","dist":{"shasum":"fd42516377350c4229d6a5fd7f66032d1f3d16e7","tarball":"https://registry.npmjs.org/rework-custom-media/-/rework-custom-media-0.2.0.tgz","integrity":"sha512-x8VuHE0ukH2ncQhNwX2u7X2xsid3pCXG5J9vaKjybrQkpevemZzA0sxx18t65jKdz6JS8PCxvSuQiSFFNpnW+A==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID0eJVZstktbEBg2vJ13uWcG2jv8qs0HeBiMHdjWHvt1AiEAkRf34/HJFBtx52U5r+kQFa/rGrbpG5x6p2HiOU7k4+Y="}]},"_from":".","_npmVersion":"1.4.3","_npmUser":{"name":"necolas","email":"nicolasgallagher@gmail.com"},"maintainers":[{"name":"necolas","email":"nicolasgallagher@gmail.com"}]}},"readme":"# rework-custom-media [![Build Status](https://travis-ci.org/reworkcss/rework-custom-media.png)](https://travis-ci.org/reworkcss/rework-custom-media)\n\nA [Rework](https://github.com/reworkcss/rework) (`>=1.0.0`) plugin to add support for the\n[W3C-style CSS Custom Media Queries](http://dev.w3.org/csswg/mediaqueries/#custom-mq) syntax.\n\n## Installation\n\n```\nnpm install rework-custom-media\n```\n\n## Use\n\nAs a Rework plugin:\n\n```js\n// dependencies\nvar fs = require('fs');\nvar rework = require('rework');\nvar media = require('rework-custom-media');\n\n// css to be processed\nvar css = fs.readFileSync('build/build.css', 'utf8').toString();\n\n// process css using rework-custom-media\ncss = rework(css).use(media()).toString();\n```\n\n## Options\n\n### map\n\nOptionally, you may define the `<media-query-list>` for each `<extension-name>`\nin a JavaScript object that is passed to the function.\n\n```js\nvar options = {\n  map: {\n    '--wide-screen': 'screen and (min-width:900px)'\n  }\n}\n\nvar out = rework(css).use(media(options)).toString();\n```\n\n## CSS syntax\n\nA custom media query is defined with the `@custom-media` rule. Its scope is\nglobal.\n\n```css\n@custom-media <extension-name> <media-query-list>;\n```\n\nThis defines that the custom media query named by the `<extension-name>`\nrepresents the given `<media-query-list>`.\n\nThe `<extension-name>` can then be used in a media feature. The alias must be\nwrapped in parentheses.\n\n```css\n@custom-media --narrow-window screen and (max-width: 30em);\n\n@media (--narrow-window) {\n  /* narrow window styles */\n}\n```\n\nIf an undefined `<extension-name>` is used by a media feature, the media\nfeature will be stripped from the output, and a warning will be logged to the\nconsole.\n\n## License\n\nMIT\n","maintainers":[{"name":"necolas","email":"nicolasgallagher@gmail.com"}],"time":{"modified":"2022-06-26T13:01:15.927Z","created":"2014-06-20T00:40:23.419Z","0.1.0":"2014-06-20T00:40:23.419Z","0.1.1":"2014-06-22T01:38:37.132Z","0.2.0":"2014-09-05T23:16:53.481Z"},"homepage":"https://github.com/reworkcss/rework-custom-media","keywords":["css","custom-media","rework","media-queries","media-query","preprocessor","rework-plugin"],"repository":{"type":"git","url":"https://github.com/reworkcss/rework-custom-media.git"},"bugs":{"url":"https://github.com/reworkcss/rework-custom-media/issues"},"license":"MIT","readmeFilename":"README.md"}