{ "name": "css-mqpacker", "description": "Pack same CSS media query rules into one media query rule.", "version": "0.1.2", "main": "index.js", "scripts": { "test": "nodeunit test" }, "repository": { "type": "git", "url": "https://github.com/hail2u/node-css-mqpacker" }, "keywords": [ "css", "postprocessor", "mediaqueries" ], "author": { "name": "Kyo Nagashima", "email": "kyo@hail2u.net", "url": "http://hail2u.net/" }, "license": { "type": "MIT", "url": "http://hail2u.mit-license.org/2013" }, "bugs": { "url": "https://github.com/hail2u/node-css-mqpacker/issues" }, "homepage": "https://github.com/hail2u/node-css-mqpacker", "dependencies": { "postcss": "~0.3.0" }, "devDependencies": { "nodeunit": "~0.8.4" }, "readme": "CSS MQPacker\n============\n\nPack same CSS media query rules into one media query rule.\n\nWritten with [PostCSS][1].\n\n\nINSTALLATION\n------------\n\n $ npm install css-mqpacker\n\nOr install as [Grunt plugin][2].\n\n\nQUICK USAGE\n-----------\n\nRead `from.css`, process its content, and output processed CSS to\nSTDOUT.\n```js\n#!/usr/bin/env node\n\n'use strict';\n\nvar fs = require('fs');\nvar mqpacker = require('css-mqpacker');\n\nvar original = fs.readFileSync('from.css', {\n encoding: 'utf8'\n});\nvar processed = mqpacker.pack(original, {\n from: 'from.css',\n to: 'to.css',\n map: true\n});\nconsole.log(processed.css);\n```\nIf `test.css` has:\n```css\n@charset \"UTF-8\";\n\n.foo::before {\n content: \"foo on small\";\n}\n\n@media screen and (min-width: 769px) {\n .foo::before {\n content: \"foo on medium\";\n }\n}\n\n.bar::before {\n content: \"bar on small\";\n}\n\n@media screen and (min-width: 769px) {\n .bar::before {\n content: \"bar on medium\";\n }\n}\n```\nYou will get following output:\n```css\n@charset \"UTF-8\";\n\n.foo::before {\n content: \"foo on small\";\n}\n\n.bar::before {\n content: \"bar on small\";\n}\n\n@media screen and (min-width: 769px) {\n .foo::before {\n content: \"foo on medium\";\n }\n .bar::before {\n content: \"bar on medium\";\n }\n}\n\n/*# sourceMappingURL=to.css.map */\n```\nSweet!\n\n\nAPI\n---\n\n### processor\n\nThis property returns core function of CSS MQPacker.\n\nYou can use this property for combining with other PostCSS processors\nsuch as [Autoprefixer][3].\n```js\nvar autoprefixer = require('autoprefixer');\nvar mqpacker = require('mqpacker');\nvar postcss = require('postcss');\n\npostcss().use(\n autoprefixer.postcss\n).use(\n mqpakcer.processor\n).process(css);\n```\n\n### pack(css, options)\n\nThis method packs media queries in a CSS.\n\nAn argument `css` is a `String` that contains CSS, and `options` is a\n`Object` for outputting Source Map file.\n```js\nvar fs = require('fs');\nvar mqpacker = require('mqpacker');\n\nvar result = mqpakcer.pack(css, {\n from: 'from.css',\n to: 'to.css',\n map: true\n});\nfs.writeFileSync('to.css', result.css);\nfs.writeFileSync('to.css.map', result.map);\n```\nSee also [PostCSS document][4] for more about `options`.\n\n\nLICENSE\n-------\n\nMIT: http://hail2u.mit-license.org/2014\n\n\n[1]: https://github.com/ai/postcss\n[2]: https://github.com/hail2u/grunt-css-mqpacker\n[3]: https://github.com/ai/autoprefixer\n[4]: https://github.com/ai/postcss#source-map-1\n", "readmeFilename": "README.md", "_id": "css-mqpacker@0.1.2", "_shasum": "33d39d918aadfded1739cdc87f23c302c1be5fdb", "_from": "css-mqpacker@~0.1.0", "_resolved": "https://registry.npmjs.org/css-mqpacker/-/css-mqpacker-0.1.2.tgz" }