{"_id":"mediaquery","_rev":"7-c46e471d411ead7973c3a43f6ad9c647","name":"mediaquery","description":"turns human readable breakpoints into correct mediaqueries","dist-tags":{"latest":"0.0.4"},"versions":{"0.0.1":{"name":"mediaquery","version":"0.0.1","description":"turns human readable breakpoints into correct mediaqueries","main":"index.js","homepage":"https://github.com/axyz/mediaquery","scripts":{"test":"mocha","build":"cp ./lib/mediaquery.js dist && cat ./lib/mediaquery.js | ./node_modules/.bin/uglifyjs -c > dist/mediaquery.min.js"},"keywords":["mediaquery","mediaqueries","responsive","breakpoints","step","media","css"],"repository":{"type":"git","url":"https://github.com/axyz/mediaquery"},"author":{"name":"Andrea Moretti","email":"axyzxp@gmail.com","url":"@axyz"},"license":"MIT","devDependencies":{"browserify":"^9.0.7","chai":"^2.2.0","mocha":"^2.2.1","uglify-js":"^2.4.19"},"gitHead":"029c6dfbdc475a6131de4b22f31c765891af3c2b","bugs":{"url":"https://github.com/axyz/mediaquery/issues"},"_id":"mediaquery@0.0.1","_shasum":"d6eee1f55977395839408803a6c4f946e0fd2a0f","_from":".","_npmVersion":"2.7.4","_nodeVersion":"0.12.1","_npmUser":{"name":"axyz","email":"axyzxp@gmail.com"},"maintainers":[{"name":"axyz","email":"axyzxp@gmail.com"}],"dist":{"shasum":"d6eee1f55977395839408803a6c4f946e0fd2a0f","tarball":"https://registry.npmjs.org/mediaquery/-/mediaquery-0.0.1.tgz","integrity":"sha512-aY+EP7/lWwaDRluUet5CsB/k+TyDXkDf0vkDSZOsP5PpZOLvK12AZoxk0OkdPw58j5j0Smoq01Mxv9zoon4nyw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDwawvlysc97qoDIFP0Ui29zEq3ulI6dVEOd4t2yxAUrAiEAmANGhW73ywF17iMKcjS0dfBTMbLdpP8cXRMzjCDs2Ts="}]}},"0.0.2":{"name":"mediaquery","version":"0.0.2","description":"turns human readable breakpoints into correct mediaqueries","main":"index.js","homepage":"https://github.com/axyz/mediaquery","scripts":{"test":"mocha","build":"cp ./lib/mediaquery.js dist && cat ./lib/mediaquery.js | ./node_modules/.bin/uglifyjs -c > dist/mediaquery.min.js"},"keywords":["mediaquery","mediaqueries","responsive","breakpoints","step","media","css"],"repository":{"type":"git","url":"https://github.com/axyz/mediaquery"},"author":{"name":"Andrea Moretti","email":"axyzxp@gmail.com","url":"@axyz"},"license":"MIT","devDependencies":{"browserify":"^9.0.7","chai":"^2.2.0","mocha":"^2.2.1","uglify-js":"^2.4.19"},"gitHead":"e58aa19641be1e58b93299bd8475da8115daa953","bugs":{"url":"https://github.com/axyz/mediaquery/issues"},"_id":"mediaquery@0.0.2","_shasum":"bb0d896b069abef117084ba2e524145e5fa4aad2","_from":".","_npmVersion":"2.7.4","_nodeVersion":"0.12.1","_npmUser":{"name":"axyz","email":"axyzxp@gmail.com"},"maintainers":[{"name":"axyz","email":"axyzxp@gmail.com"}],"dist":{"shasum":"bb0d896b069abef117084ba2e524145e5fa4aad2","tarball":"https://registry.npmjs.org/mediaquery/-/mediaquery-0.0.2.tgz","integrity":"sha512-dYhQ6jEOlL3gAAvfAHamnuAhaDz7ndezsqNT6FSkehGrYt8vgdcDEJ+4ZzWA+1PO7sQPh5KuDzDhlLVCN1xpRQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHf1mpVGc2IpOmSxTv7QRo6KRvqSR44u+9dpVUaRPES4AiEAxo6gIZpxsI/XxMQnmh7gHnVaHUFqH1Dl3DnQD/tSy7g="}]}},"0.0.3":{"name":"mediaquery","version":"0.0.3","description":"turns human readable breakpoints into correct mediaqueries","main":"index.js","homepage":"https://github.com/axyz/mediaquery","scripts":{"test":"mocha","build":"cp ./lib/mediaquery.js dist && cat ./lib/mediaquery.js | ./node_modules/.bin/uglifyjs -c > dist/mediaquery.min.js"},"keywords":["mediaquery","mediaqueries","responsive","breakpoints","step","media","css"],"repository":{"type":"git","url":"https://github.com/axyz/mediaquery"},"author":{"name":"Andrea Moretti","email":"axyzxp@gmail.com","url":"@axyz"},"license":"MIT","devDependencies":{"browserify":"^9.0.7","chai":"^2.2.0","coveralls":"^2.11.2","istanbul":"^0.3.13","mocha":"^2.2.1","uglify-js":"^2.4.19"},"gitHead":"d61de25ade972cbfd297708512bd4b00107ae707","bugs":{"url":"https://github.com/axyz/mediaquery/issues"},"_id":"mediaquery@0.0.3","_shasum":"387d61c10aa95ff4d6907f6aabdd22d7a898e03e","_from":".","_npmVersion":"2.7.4","_nodeVersion":"0.12.1","_npmUser":{"name":"axyz","email":"axyzxp@gmail.com"},"maintainers":[{"name":"axyz","email":"axyzxp@gmail.com"}],"dist":{"shasum":"387d61c10aa95ff4d6907f6aabdd22d7a898e03e","tarball":"https://registry.npmjs.org/mediaquery/-/mediaquery-0.0.3.tgz","integrity":"sha512-vBusBYjjcPv1gPf5WEpnvRtL585rsiDrHLgOK8LHje0FIk/8Zn9iRlv/IUvDg6l9YxujJTnmrDpQgAYZBivzfQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAjoP78Kx07kUki2QIwJY1pzwjknsRDs2E18sV9/h6ROAiAY4UQxpRDFdeJtH+8o96qGydQHHP7ytWIOeQ6bkObNDg=="}]}},"0.0.4":{"name":"mediaquery","version":"0.0.4","description":"turns human readable breakpoints into correct mediaqueries","main":"index.js","homepage":"https://github.com/axyz/mediaquery","scripts":{"test":"mocha","build":"cp ./lib/mediaquery.js dist && cat ./lib/mediaquery.js | ./node_modules/.bin/uglifyjs -c > dist/mediaquery.min.js"},"keywords":["mediaquery","mediaqueries","responsive","breakpoints","step","media","css"],"repository":{"type":"git","url":"git+https://github.com/axyz/mediaquery.git"},"author":{"name":"Andrea Moretti","email":"axyzxp@gmail.com","url":"@axyz"},"license":"MIT","devDependencies":{"browserify":"^9.0.7","chai":"^2.2.0","coveralls":"^2.11.2","istanbul":"^0.3.13","mocha":"^2.2.1","uglify-js":"^2.4.19"},"gitHead":"95bb0f4f040db06ac739da230b3ca0949f82cf68","bugs":{"url":"https://github.com/axyz/mediaquery/issues"},"_id":"mediaquery@0.0.4","_shasum":"4aa7e6bcdca6ce469ac43811afa90dce0004cc91","_from":".","_npmVersion":"3.3.12","_nodeVersion":"5.4.0","_npmUser":{"name":"axyz","email":"axyzxp@gmail.com"},"dist":{"shasum":"4aa7e6bcdca6ce469ac43811afa90dce0004cc91","tarball":"https://registry.npmjs.org/mediaquery/-/mediaquery-0.0.4.tgz","integrity":"sha512-7BjXCnE4T8HXK6QZO8x2hyLUVb1kp5ZS2IFOJY59rQy/DDM6UI9ofjwE2QrwF52jjMDvgOUrKuHfPT7Ccmbk7g==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCjRmsEMK4dFx0xbls6yX4vrfzkjY07GXHOJvM2ZSRSNgIga/Tz7sqHQI+50HALRwI+B8uLhGeNajAWcs0SW7Nl14Y="}]},"maintainers":[{"name":"axyz","email":"axyzxp@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/mediaquery-0.0.4.tgz_1459857836012_0.6669207941740751"}}},"readme":"[![Build Status](https://travis-ci.org/axyz/mediaquery.svg?branch=master)](https://travis-ci.org/axyz/mediaquery)\n[![Coverage Status](https://coveralls.io/repos/axyz/mediaquery/badge.svg?branch=master)](https://coveralls.io/r/axyz/mediaquery?branch=master)\n![Dependencies Status](https://david-dm.org/axyz/mediaquery.svg)\n[![Code Climate](https://codeclimate.com/github/axyz/mediaquery/badges/gpa.svg)](https://codeclimate.com/github/axyz/mediaquery)\n\n[![Join the chat at https://gitter.im/axyz/mediaquery](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/axyz/mediaquery?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)\n\n# mediaquery\nTurns human readable breakpoints into correct mediaqueries.\n\nThis is particularly useful when working with\n[window.matchMedia](https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia)\nor when you work with CSS dinamically using JavaScript.\n\n## Install\nIf you are using nodejs (but also browserify, webpack, etc...) you can simply\nuse npm:\n\n    npm install mediaquery\n\nthen you can\n\n    var MQ = require('mediaquery');\n\nBy the way you if you are not using node, you may use bower\n\n    bower install mediaquery\n\nthen you can use it from `window.MQ` or require it using AMD\n\n## Show me the code!\nAssuming you have an object to describe the mediaqueries you need such as\n```javascript\nvar myMedias = {\n  small: 300,\n  medium: 600,\n  tablet: 'tablet media query',\n  big: 1024,\n  huge: Infinity\n};\n```\n\nNote that all the numerical values (Infinity included) will be automatically\nsorted in the correct order, while all the strings will be considered custome\nmedia queries; every other type of values will be stripped out.\n\nSo `small: 300` means that my `small` media query will span from 0 to 300px,\nwhile `medium` will be from 301px to 600px; finally `huge` will go from 1025px\nto... Infinitely large screens.\n\nIf you do not specify an Infinity breakpoint a `default` breakpoint will be\ncreated spanning from the biggest available breakpoint to infinity.\n\n### asObject(obj)\nYou can use `asObject` to get back a similar object where the numbers for your\nbreakpoints are substituted with correct mediaqueries.\n\ne.g.\n```javascript\nvar MQ = require('mediaqueries');\n\nMQ.asObject(myMedias);\n```\n\nwill return\n```javascript\n{\n  small: 'screen and (max-width: 300px)',\n  medium: 'screen and (min-width: 301px) and (max-width: 600px)',\n  big: 'screen and (min-width: 601px) and (max-width: 1024px)',\n  huge: 'screen and (min-width: 1025px)',\n  tablet: 'tablet media query'\n}\n```\n\n### asArray(obj)\nYou can also have an array of couples ['name', 'mediaquery'] in output.\n\ne.g.\n```javascript\nMQ.asArray(myMedias);\n```\n\nwill return\n```javascript\n[\n  ['small', 'screen and (max-width: 300px)'],\n  ['medium', 'screen and (min-width: 301px) and (max-width: 600px)'],\n  ['big', 'screen and (min-width: 601px) and (max-width: 1024px)'],\n  ['huge', 'screen and (min-width: 1025px)'],\n  ['tablet', 'tablet media query']\n]\n```\n\n### getBreakPoints(obj)\nIf you need to filter out the numerical breakpoints from a mixed object you can\nuse `getBreakPoints` e.g.\n\n```javascript\nMQ.getBreakPoints(myMedias);\n```\n\nwill return\n```\n{\n  small: 300,\n  medium: 600,\n  big: 1024,\n  huge: Infinity // remember that Infinity is a number\n}\n```\n\n### getCustomQueries(obj)\nIn the same way you may need to filter out all the custom strings e.g.\n\n```javascript\nMQ.getCustomQueries(myMedias);\n```\n\nwill return\n```\n{\n  tablet: 'tablet media query'\n}\n```\n\n","maintainers":[{"name":"axyz","email":"axyzxp@gmail.com"}],"time":{"modified":"2022-06-19T17:31:21.443Z","created":"2015-04-03T23:24:16.061Z","0.0.1":"2015-04-03T23:24:16.061Z","0.0.2":"2015-04-04T10:31:33.816Z","0.0.3":"2015-04-04T13:39:23.100Z","0.0.4":"2016-04-05T12:03:58.322Z"},"homepage":"https://github.com/axyz/mediaquery","keywords":["mediaquery","mediaqueries","responsive","breakpoints","step","media","css"],"repository":{"type":"git","url":"git+https://github.com/axyz/mediaquery.git"},"author":{"name":"Andrea Moretti","email":"axyzxp@gmail.com","url":"@axyz"},"bugs":{"url":"https://github.com/axyz/mediaquery/issues"},"license":"MIT","readmeFilename":"README.md","users":{"axyz":true}}