{"_id":"styled-media-query","_rev":"14-7370d6260444bc65213e09e478e73513","name":"styled-media-query","description":"Beautiful media queries for styled-component","dist-tags":{"latest":"2.1.2","beta":"2.0.0-rc.3"},"versions":{"1.0.0":{"name":"styled-media-query","version":"1.0.0","description":"Beautiful media queries for styled-component","main":"src/index.js","repository":{"type":"git","url":"git+ssh://git@github.com/morajabi/styled-media.git"},"keywords":["styled-components","media-query","media","breakpoint"],"author":{"name":"Mohammad Rajabifard","email":"mo.rajbi@gmail.com"},"license":"MIT","dependencies":{"styled-components":"2.x.x"},"gitHead":"84ed8224b33bba2da5c5b1c23cf2779cbe4d6418","bugs":{"url":"https://github.com/morajabi/styled-media/issues"},"homepage":"https://github.com/morajabi/styled-media#readme","_id":"styled-media-query@1.0.0","_npmVersion":"5.0.0","_nodeVersion":"8.0.0","_npmUser":{"name":"morajabi","email":"mo.rajbi@gmail.com"},"dist":{"integrity":"sha512-DgISWUGpC1Dkf0cTU5amSrQl1PD9EGFlo1YILuEvdYJbGl/04kcd5m8iIW299k/C3XWZM46ygEGOTV4NKM/qqQ==","shasum":"06ac001a708977a8785bc4f80962117244aa812a","tarball":"https://registry.npmjs.org/styled-media-query/-/styled-media-query-1.0.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCyeo6ybgxCYfVElrHDNfk01q2gw4arFrxxPWmWrcF6vgIhAPmwJWumlwLwJwmcJPKQMnisJgA+fvksnt8uG+tsEydY"}]},"maintainers":[{"name":"morajabi","email":"mo.rajbi@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/styled-media-query-1.0.0.tgz_1499593821880_0.4637269915547222"},"directories":{}},"1.0.1":{"name":"styled-media-query","version":"1.0.1","description":"Beautiful media queries for styled-component","main":"src/index.js","repository":{"type":"git","url":"git+ssh://git@github.com/morajabi/styled-media.git"},"keywords":["styled-components","media-query","media","breakpoint"],"author":{"name":"Mohammad Rajabifard","email":"mo.rajbi@gmail.com"},"license":"MIT","dependencies":{"styled-components":"2.x.x"},"gitHead":"e5f578572b6b807fe3190a6467bc7ceab78580ea","bugs":{"url":"https://github.com/morajabi/styled-media/issues"},"homepage":"https://github.com/morajabi/styled-media#readme","_id":"styled-media-query@1.0.1","_npmVersion":"5.0.0","_nodeVersion":"8.0.0","_npmUser":{"name":"morajabi","email":"mo.rajbi@gmail.com"},"dist":{"integrity":"sha512-ZE7ofPPkCQjDePkYRkChurf77KWg3v2QzP2zOfhJfE51lXEzZoDGHDw/oCPnVIfJZGMbtMcpIZMKxmjpdpICCQ==","shasum":"166afd1a7cd4a3968d5be29d6b65fe636b4672a9","tarball":"https://registry.npmjs.org/styled-media-query/-/styled-media-query-1.0.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCDawjHAA9KrYbzCGvlcC9DtjYLYa+WCXDtUARwSkhGfQIgZ2BHWYv18ESyoegmKLKHGMBHBN3/Llxu/X+4VhH7oPY="}]},"maintainers":[{"name":"morajabi","email":"mo.rajbi@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/styled-media-query-1.0.1.tgz_1499622490745_0.27735151583328843"},"directories":{}},"1.0.2":{"name":"styled-media-query","version":"1.0.2","description":"Beautiful media queries for styled-component","main":"dist/styled-media-query.umd.js","module":"src/index.js","jsnext:main":"./src/index.js","repository":{"type":"git","url":"git+ssh://git@github.com/morajabi/styled-media-query.git"},"keywords":["styled-components","media-query","media","breakpoint"],"scripts":{"clean":"rimraf dist","build":"rollup -c"},"author":{"name":"Mohammad Rajabifard","email":"mo.rajbi@gmail.com"},"license":"MIT","dependencies":{"rollup":"^0.45.2","styled-components":"2.x.x"},"devDependencies":{"babel-preset-env":"^1.6.0","rimraf":"^2.6.1","rollup-plugin-babel":"^2.7.1","rollup-plugin-node-resolve":"^3.0.0"},"contributors":[{"name":"Mohammad Rajabifard","email":"hi@morajabi.me"},{"name":"+Behnam Rajabifard","email":"b.rajabifard@gmail.com"}],"gitHead":"c4e0d0dfc384bc0e54a360f777d4b242b9577dcb","bugs":{"url":"https://github.com/morajabi/styled-media-query/issues"},"homepage":"https://github.com/morajabi/styled-media-query#readme","_id":"styled-media-query@1.0.2","_npmVersion":"5.0.0","_nodeVersion":"8.0.0","_npmUser":{"name":"morajabi","email":"mo.rajbi@gmail.com"},"dist":{"integrity":"sha512-rktEY0QaQiLubrBPI4e9jvGnlc9hjpg5e4sfHYIiToRWUdjdQo7uoCBnW1QLL17YYHZ71E2jAByTMtU/3KEhyw==","shasum":"e795a8fa73c4a3189df15ea50b729f5fb3d271a9","tarball":"https://registry.npmjs.org/styled-media-query/-/styled-media-query-1.0.2.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCDdQ4P/wplZ4TZQUgE0r/V8BxxXfQ8XpFbsfgKJbeZhwIhAM7d00NKGielAeHzBiePBM7IQijslUuBRRohdSuHqwBa"}]},"maintainers":[{"name":"morajabi","email":"mo.rajbi@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/styled-media-query-1.0.2.tgz_1501929663674_0.89026995212771"},"directories":{}},"1.0.3":{"name":"styled-media-query","version":"1.0.3","description":"Beautiful media queries for styled-component","main":"dist/styled-media-query.umd.js","module":"src/index.js","jsnext:main":"./src/index.js","repository":{"type":"git","url":"git+ssh://git@github.com/morajabi/styled-media-query.git"},"keywords":["styled-components","media-query","media","breakpoint"],"scripts":{"clean":"rimraf dist","build":"rollup -c"},"author":{"name":"Mohammad Rajabifard","email":"mo.rajbi@gmail.com"},"license":"MIT","dependencies":{"styled-components":"2.x.x"},"devDependencies":{"babel-preset-env":"^1.6.0","rimraf":"^2.6.1","rollup":"^0.45.2","rollup-plugin-babel":"^2.7.1","rollup-plugin-node-resolve":"^3.0.0"},"contributors":[{"name":"Mohammad Rajabifard","email":"hi@morajabi.me"},{"name":"+Behnam Rajabifard","email":"b.rajabifard@gmail.com"}],"gitHead":"c15a54a009e7c33d3da63b9c81d39f131e22812d","bugs":{"url":"https://github.com/morajabi/styled-media-query/issues"},"homepage":"https://github.com/morajabi/styled-media-query#readme","_id":"styled-media-query@1.0.3","_npmVersion":"5.0.0","_nodeVersion":"8.0.0","_npmUser":{"name":"morajabi","email":"mo.rajbi@gmail.com"},"dist":{"integrity":"sha512-7Tl4LL7KFnwo3OdbT5Jvt/HF0ADn9MD8CeG9756EKEBqFKru4zrFyNKRFbWivkj4gEo02/74eWxI8+TIb1B2Aw==","shasum":"cb02dff46898d8d9e58d7a92fa0f3dec2b335e9b","tarball":"https://registry.npmjs.org/styled-media-query/-/styled-media-query-1.0.3.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCLURPgbtTbmiPfnp3PHH61wM6dTE3MGm+9YuBGhkHo7QIhAPhRr9Ofqjw3BRXRmVQwNm4w6afDgLnC+KSam60172dq"}]},"maintainers":[{"name":"morajabi","email":"mo.rajbi@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/styled-media-query-1.0.3.tgz_1501947975813_0.6340692981611937"},"directories":{}},"2.0.0":{"name":"styled-media-query","version":"2.0.0","description":"Beautiful media queries for styled-component","main":"dist/styled-media-query.umd.js","module":"src/index.js","jsnext:main":"./src/index.js","repository":{"type":"git","url":"git+ssh://git@github.com/morajabi/styled-media-query.git"},"keywords":["styled-components","media-query","media","breakpoint"],"scripts":{"clean":"rimraf dist","build":"rollup -c"},"author":{"name":"Mohammad Rajabifard","email":"mo.rajbi@gmail.com"},"license":"MIT","dependencies":{"styled-components":"2.x.x"},"devDependencies":{"babel-preset-env":"^1.6.0","rimraf":"^2.6.1","rollup":"^0.45.2","rollup-plugin-babel":"^2.7.1","rollup-plugin-node-resolve":"^3.0.0"},"contributors":[{"name":"Mohammad Rajabifard","email":"hi@morajabi.me"},{"name":"+Behnam Rajabifard","email":"b.rajabifard@gmail.com"}],"gitHead":"080f8c40dfb3a8febaf299eadac81c110689c963","bugs":{"url":"https://github.com/morajabi/styled-media-query/issues"},"homepage":"https://github.com/morajabi/styled-media-query#readme","_id":"styled-media-query@2.0.0","_npmVersion":"5.0.0","_nodeVersion":"8.0.0","_npmUser":{"name":"morajabi","email":"mo.rajbi@gmail.com"},"dist":{"integrity":"sha512-MzEBX9aMq14MM+g+zKCNJqHfm0DCVat5tAkKRSjfLRq/bJRNRrtC7m+F9YdIPdr/lHIZAs/OEKqYDFkdxwCczQ==","shasum":"fd76ea27e3f4a3795eca4b71df1e4ccf8f80bca7","tarball":"https://registry.npmjs.org/styled-media-query/-/styled-media-query-2.0.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCsigOU6/bWzzhZ7Xk+bBouqYNmxw8zl8i3ni1yw5JHPwIhAPrvy7Mfc0EEQQL8LO2hjC0WQ3ogpURrXAzOYrbizECc"}]},"maintainers":[{"name":"morajabi","email":"mo.rajbi@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/styled-media-query-2.0.0.tgz_1502014243169_0.826159251620993"},"directories":{}},"2.0.0-rc.1":{"name":"styled-media-query","version":"2.0.0-rc.1","description":"Beautiful media queries for styled-component","main":"dist/styled-media-query.umd.js","module":"src/index.js","jsnext:main":"./src/index.js","repository":{"type":"git","url":"git+ssh://git@github.com/morajabi/styled-media-query.git"},"keywords":["styled-components","media-query","media","breakpoint"],"scripts":{"clean":"rimraf dist","build":"rollup -c"},"author":{"name":"Mohammad Rajabifard","email":"mo.rajbi@gmail.com"},"license":"MIT","dependencies":{"styled-components":"2.x.x"},"devDependencies":{"babel-preset-env":"^1.6.0","rimraf":"^2.6.1","rollup":"^0.45.2","rollup-plugin-babel":"^2.7.1","rollup-plugin-node-resolve":"^3.0.0"},"contributors":[{"name":"Mohammad Rajabifard","email":"hi@morajabi.me"},{"name":"+Behnam Rajabifard","email":"b.rajabifard@gmail.com"}],"gitHead":"3e94925c59eb44a6548dba57943296dad85a6c4b","bugs":{"url":"https://github.com/morajabi/styled-media-query/issues"},"homepage":"https://github.com/morajabi/styled-media-query#readme","_id":"styled-media-query@2.0.0-rc.1","_npmVersion":"5.0.0","_nodeVersion":"8.0.0","_npmUser":{"name":"morajabi","email":"mo.rajbi@gmail.com"},"dist":{"integrity":"sha512-tyoZGSzXy//K6R70Y/4wGUOcPxrcD26QfLYSPdx5+DISzaiGndrSunYjDbPc3JcilROmRsYhTooYqXKUTSIE4Q==","shasum":"0bd06055517f4dabdfe84687c9e6142e4984eb35","tarball":"https://registry.npmjs.org/styled-media-query/-/styled-media-query-2.0.0-rc.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC8PLMyn2w50dQeu8lgCWocuCpixIHpCAO2ZWpydH+TnQIhANYemqA1IC+f4+YGdGU4Bh5UJsc7yPmHzBEVMcJkwNG7"}]},"maintainers":[{"name":"morajabi","email":"mo.rajbi@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/styled-media-query-2.0.0-rc.1.tgz_1502016589317_0.36634455947205424"},"directories":{}},"2.0.0-rc.2":{"name":"styled-media-query","version":"2.0.0-rc.2","description":"Beautiful media queries for styled-component","main":"dist/styled-media-query.umd.js","module":"src/index.js","jsnext:main":"./src/index.js","repository":{"type":"git","url":"git+ssh://git@github.com/morajabi/styled-media-query.git"},"keywords":["styled-components","media-query","media","breakpoint"],"scripts":{"clean":"rimraf dist","build":"rollup -c"},"author":{"name":"Mohammad Rajabifard","email":"mo.rajbi@gmail.com"},"license":"MIT","dependencies":{"styled-components":"2.x.x"},"devDependencies":{"babel-preset-env":"^1.6.0","rimraf":"^2.6.1","rollup":"^0.45.2","rollup-plugin-babel":"^2.7.1","rollup-plugin-node-resolve":"^3.0.0"},"contributors":[{"name":"Mohammad Rajabifard","email":"hi@morajabi.me"},{"name":"+Behnam Rajabifard","email":"b.rajabifard@gmail.com"}],"gitHead":"aeeb27a03972a34b26dc3d2ff05dd3c820c0a874","bugs":{"url":"https://github.com/morajabi/styled-media-query/issues"},"homepage":"https://github.com/morajabi/styled-media-query#readme","_id":"styled-media-query@2.0.0-rc.2","_npmVersion":"5.0.0","_nodeVersion":"8.0.0","_npmUser":{"name":"morajabi","email":"mo.rajbi@gmail.com"},"dist":{"integrity":"sha512-OZxwpD76TuYlyRYGwDnMdecHGN82eR4eDPZwqEUMko5R0kXRchTWMm0djn6/Zpwyn6aeAP9PpMRb90tDmNYMYA==","shasum":"e673535bf76200e1f843bd62bf9901f15889133c","tarball":"https://registry.npmjs.org/styled-media-query/-/styled-media-query-2.0.0-rc.2.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEi0xcsJRuIaCI7BW71geFWuuEnZo97GsxFUzXMuqVjDAiEAmBcX+nUGxh2jxD50niawlFagSw1RlCj01RivMTg3ntQ="}]},"maintainers":[{"name":"morajabi","email":"mo.rajbi@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/styled-media-query-2.0.0-rc.2.tgz_1502019109244_0.8625097121112049"},"directories":{}},"2.0.0-rc.3":{"name":"styled-media-query","version":"2.0.0-rc.3","description":"Beautiful media queries for styled-component","main":"dist/styled-media-query.common.js","module":"dist/styled-media-query.es.js","jsnext:main":"dist/styled-media-query.es.js","repository":{"type":"git","url":"git+ssh://git@github.com/morajabi/styled-media-query.git"},"keywords":["styled-components","media-query","media","breakpoint"],"scripts":{"clean":"rimraf dist","build":"yarn build:common && yarn build:es && yarn build:browser","build:common":"rollup -c --environment COMMON,PRODUCTION","build:es":"rollup -c --environment ES","build:browser":"rollup -c --environment BROWSER,PRODUCTION"},"files":["dist","src"],"author":{"name":"Mohammad Rajabifard","email":"mo.rajbi@gmail.com"},"license":"MIT","dependencies":{"styled-components":"2.x.x"},"devDependencies":{"babel-preset-env":"^1.6.0","rimraf":"^2.6.1","rollup":"^0.45.2","rollup-plugin-babel":"^2.7.1","rollup-plugin-uglify":"^2.0.1","rollup-plugin-commonjs":"^8.2.0","rollup-plugin-gzip":"^1.3.0","rollup-plugin-node-resolve":"^3.0.0"},"contributors":[{"name":"Mohammad Rajabifard","email":"hi@morajabi.me"},{"name":"+Behnam Rajabifard","email":"b.rajabifard@gmail.com"}],"gitHead":"8a43797e707a01560444b68a0e2637728208750c","bugs":{"url":"https://github.com/morajabi/styled-media-query/issues"},"homepage":"https://github.com/morajabi/styled-media-query#readme","_id":"styled-media-query@2.0.0-rc.3","_npmVersion":"5.0.0","_nodeVersion":"8.0.0","_npmUser":{"name":"morajabi","email":"mo.rajbi@gmail.com"},"dist":{"integrity":"sha512-b8hkrz+LNNJto2+oLDaxKAejLThykLVF0blm7NFN5O341BdyBmNSKz0NYue45QXMsqMwBLCuf8YB5c63ErpYNw==","shasum":"f6d0d1be11f25b0fa71986eda244898aa6c1b66f","tarball":"https://registry.npmjs.org/styled-media-query/-/styled-media-query-2.0.0-rc.3.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIATTVWqnuFQFrDzaZjSvom8heNhsKxSmIbswRxR66DjCAiBxJgOazy6OtREy28zAvfQmJVRJIzIh1Pa5BifMMoyfbQ=="}]},"maintainers":[{"name":"morajabi","email":"mo.rajbi@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/styled-media-query-2.0.0-rc.3.tgz_1503575702506_0.7191671188920736"},"directories":{}},"2.0.1":{"name":"styled-media-query","version":"2.0.1","description":"Beautiful media queries for styled-component","main":"dist/styled-media-query.common.js","module":"dist/styled-media-query.es.js","jsnext:main":"dist/styled-media-query.es.js","repository":{"type":"git","url":"git+ssh://git@github.com/morajabi/styled-media-query.git"},"keywords":["styled-components","media-query","media","breakpoint"],"scripts":{"clean":"rimraf dist","build":"yarn build:common && yarn build:es && yarn build:browser","build:common":"rollup -c --environment COMMON,PRODUCTION","build:es":"rollup -c --environment ES","build:browser":"rollup -c --environment BROWSER,PRODUCTION"},"files":["dist","src"],"author":{"name":"Mohammad Rajabifard","email":"mo.rajbi@gmail.com"},"license":"MIT","dependencies":{"styled-components":"2.x.x"},"devDependencies":{"babel-preset-env":"^1.6.0","rimraf":"^2.6.1","rollup":"^0.45.2","rollup-plugin-babel":"^2.7.1","rollup-plugin-uglify":"^2.0.1","rollup-plugin-commonjs":"^8.2.0","rollup-plugin-gzip":"^1.3.0","rollup-plugin-node-resolve":"^3.0.0"},"contributors":[{"name":"Mohammad Rajabifard","email":"hi@morajabi.me"},{"name":"+Behnam Rajabifard","email":"b.rajabifard@gmail.com"}],"gitHead":"d87c131ffaa9344d489c7064c91802fac104ea12","bugs":{"url":"https://github.com/morajabi/styled-media-query/issues"},"homepage":"https://github.com/morajabi/styled-media-query#readme","_id":"styled-media-query@2.0.1","_npmVersion":"5.0.0","_nodeVersion":"8.0.0","_npmUser":{"name":"morajabi","email":"mo.rajbi@gmail.com"},"dist":{"integrity":"sha512-Z+EVq+gYeDH5DKH1jARyEWV5U2Yri4N6xgZZmJ3WiW1JCLJXEKBopm5I5GM6V3Ln5S8YwDBjeDeKN1QPJkTGag==","shasum":"a6fa0ba0513c6987f4f892677a558c20d4250503","tarball":"https://registry.npmjs.org/styled-media-query/-/styled-media-query-2.0.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDqCiET2oc2d5B26vlpF2H7AqrwCcJd+GQLlzsbJRtSEgIhALM86dFMFa36/P+m8k/UPEVZKPP5ae7etaciqyVwpXV9"}]},"maintainers":[{"name":"morajabi","email":"mo.rajbi@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/styled-media-query-2.0.1.tgz_1503644583935_0.23092680075205863"},"directories":{}},"2.0.2":{"name":"styled-media-query","version":"2.0.2","description":"Beautiful media queries for styled-component","main":"dist/styled-media-query.common.js","module":"dist/styled-media-query.es.js","jsnext:main":"dist/styled-media-query.es.js","repository":{"type":"git","url":"git+ssh://git@github.com/morajabi/styled-media-query.git"},"keywords":["styled-components","media-query","media","breakpoint"],"scripts":{"clean":"rimraf dist","build":"yarn build:common && yarn build:es && yarn build:browser","build:common":"rollup -c --environment COMMON,PRODUCTION","build:es":"rollup -c --environment ES","build:browser":"rollup -c --environment BROWSER,PRODUCTION"},"files":["dist","src"],"author":{"name":"Mohammad Rajabifard","email":"mo.rajbi@gmail.com"},"license":"MIT","peerDependencies":{"styled-components":">= 1 < 4"},"devDependencies":{"babel-preset-env":"^1.6.0","rimraf":"^2.6.1","rollup":"^0.45.2","rollup-plugin-babel":"^2.7.1","rollup-plugin-commonjs":"^8.2.0","rollup-plugin-gzip":"^1.3.0","rollup-plugin-node-resolve":"^3.0.0","rollup-plugin-uglify":"^2.0.1","styled-components":"^3.1.5"},"contributors":[{"name":"Mohammad Rajabifard","email":"hi@morajabi.me"},{"name":"+Behnam Rajabifard","email":"b.rajabifard@gmail.com"}],"gitHead":"5ac559745eb053b1804cdd578a0cba27da98f77c","bugs":{"url":"https://github.com/morajabi/styled-media-query/issues"},"homepage":"https://github.com/morajabi/styled-media-query#readme","_id":"styled-media-query@2.0.2","_npmVersion":"5.6.0","_nodeVersion":"9.4.0","_npmUser":{"name":"morajabi","email":"mo.rajbi@gmail.com"},"dist":{"integrity":"sha512-fRLVVa9cXvNiDYw/EqhIR7keXOQSdnUVGnWBd5xnvFUKwCAVOLTqjQBblZnE/HverH+hNeNQY2APf96mrjYqGA==","shasum":"65347d5367f69458f86dc7dd723f42faae304ad1","tarball":"https://registry.npmjs.org/styled-media-query/-/styled-media-query-2.0.2.tgz","fileCount":11,"unpackedSize":46791,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAf8TeEHWDtAALbNwmuvxJXO+zukzONuRFOgJ3Mcf1aTAiANxmT1TrQnGrGJcW/5rpKp2d4I4mdAkPHpw2PQ3ZaCfg=="}]},"maintainers":[{"name":"morajabi","email":"mo.rajbi@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/styled-media-query_2.0.2_1518034167787_0.11176965076653067"},"_hasShrinkwrap":false},"2.1.0":{"name":"styled-media-query","version":"2.1.0","description":"Beautiful media queries for styled-component","main":"dist/styled-media-query.common.js","module":"dist/styled-media-query.es.js","jsnext:main":"dist/styled-media-query.es.js","repository":{"type":"git","url":"git+ssh://git@github.com/morajabi/styled-media-query.git"},"keywords":["styled-components","media-query","media","breakpoint"],"scripts":{"test":"jest","clean":"rimraf dist","build":"yarn build:common && yarn build:es && yarn build:browser","build:common":"rollup -c --environment COMMON,PRODUCTION","build:es":"rollup -c --environment ES","build:browser":"rollup -c --environment BROWSER,PRODUCTION"},"author":{"name":"Mohammad Rajabifard","email":"mo.rajbi@gmail.com"},"license":"MIT","peerDependencies":{"styled-components":">= 1"},"devDependencies":{"@babel/core":"^7.1.6","@babel/preset-env":"^7.1.6","rimraf":"^2.6.2","rollup":"^0.67.3","rollup-plugin-babel":"^4.0.3","rollup-plugin-commonjs":"^9.2.0","rollup-plugin-node-resolve":"^3.4.0","rollup-plugin-uglify":"^6.0.0","styled-components":"^4.1.1"},"browserslist":"> 0.25%, not dead","contributors":[{"name":"Mohammad Rajabifard","email":"hi@morajabi.me"},{"name":"+Behnam Rajabifard","email":"b.rajabifard@gmail.com"}],"gitHead":"77c841a8f65abc56d9a4433c95fbe085ff284475","bugs":{"url":"https://github.com/morajabi/styled-media-query/issues"},"homepage":"https://github.com/morajabi/styled-media-query#readme","_id":"styled-media-query@2.1.0","_npmVersion":"6.4.1","_nodeVersion":"11.1.0","_npmUser":{"name":"morajabi","email":"mo.rajbi@gmail.com"},"dist":{"integrity":"sha512-YjounmQhcXtficGhM29rSQYk7QygA036X9OyAVQyRU8TuYZp91Jt6AQuhsQ6u9m0J/IQEtURar23H9GNoANMLw==","shasum":"7944f324752b28b4dfc4ae9af1dc463797d98057","tarball":"https://registry.npmjs.org/styled-media-query/-/styled-media-query-2.1.0.tgz","fileCount":5,"unpackedSize":14637,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcFqVKCRA9TVsSAnZWagAAinUP/2Pqvql5b646Sszn/3zO\nEV19dSfK7fA/BWs6V5yWflS0hXCR1cnMHS814pD/aEoO4GWD3GdiLAhOuaID\nhKmCIK867OEYqcixOytQLjy59U7Us6WAvvnTnQifO8lasIcczkI7UxrC9gR1\noushYUlmv1h2JdDQAx4jSfyEyHXF7X/drOQsSdmhBRwX/nWLPRs/hjGliPG3\nN0qX7MoukAU1ZPWeuANbo0yceSQaOZJb3l4RvFo1E6xXJX6OXg+uiuEdPF7M\nLi7443vmrgxsbOLDdK4e/6fozT2/OgUhBWWa9Xt4Swq9xludQoidR+neEPeo\noib+bJYAVC9M8UvCz/Z+tC3kLQoj2hQjn+qZYS9Uw4QZQD+yx+gQr4tO1nVb\nLTlw0vJNdrzRvTacsG5L8ByqmZ7myd4XSjrTFrpA74tEdLb1vM0A5DwGRwHq\nbe4LI+EOjbuTQzqPlRdDshi2tbGA6ZWX+pDeimDsFC7jcp31H5LwSg3TomXq\nX0zMQzyK2KOSqDby62sUiHnygGDWYkLpos/dpQS0oySjmjPSjSYU5oNCc4bs\n9jXq5TplDNCzxKtMqpBYUi0ljBx7I3SjshE7oKfEp3/ln/KjgV57tHPfmaer\nfXynlZngr/oPXM2DmxLVbubYpxqjg0rmugh68beEn/dtUD8NiuPS8whhrkxQ\nYWNi\r\n=DYVV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGcI24J9oS8fCsGrXGbWIYkC1L4aUy8jh2AXXGO5Ra0kAiEA/r4MnTnMkVwM58PwhMaTtMTQlQiBaXbzCIS29Qm7oIE="}]},"maintainers":[{"name":"morajabi","email":"mo.rajbi@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/styled-media-query_2.1.0_1544987977621_0.7223246990953902"},"_hasShrinkwrap":false},"2.1.1":{"name":"styled-media-query","version":"2.1.1","description":"Beautiful media queries for styled-component","main":"dist/styled-media-query.common.js","module":"dist/styled-media-query.es.js","jsnext:main":"dist/styled-media-query.es.js","repository":{"type":"git","url":"git+ssh://git@github.com/morajabi/styled-media-query.git"},"keywords":["styled-components","media-query","media","breakpoint"],"scripts":{"test":"jest","clean":"rimraf dist","build":"yarn build:common && yarn build:es && yarn build:browser","build:common":"rollup -c --environment COMMON,PRODUCTION","build:es":"rollup -c --environment ES","build:browser":"rollup -c --environment BROWSER,PRODUCTION"},"author":{"name":"Mohammad Rajabifard","email":"mo.rajbi@gmail.com"},"license":"MIT","peerDependencies":{"styled-components":">= 1"},"devDependencies":{"@babel/core":"^7.1.6","@babel/preset-env":"^7.1.6","rimraf":"^2.6.2","rollup":"^0.67.3","rollup-plugin-babel":"^4.0.3","rollup-plugin-commonjs":"^9.2.0","rollup-plugin-node-resolve":"^3.4.0","rollup-plugin-uglify":"^6.0.0","styled-components":"^4.1.1"},"browserslist":"> 0.25%, not dead","contributors":[{"name":"Mohammad Rajabifard","email":"hi@morajabi.me"},{"name":"+Behnam Rajabifard","email":"b.rajabifard@gmail.com"}],"gitHead":"c5ede509b03e2be2d3c6304bf4f93c651ea035f0","bugs":{"url":"https://github.com/morajabi/styled-media-query/issues"},"homepage":"https://github.com/morajabi/styled-media-query#readme","_id":"styled-media-query@2.1.1","_npmVersion":"6.4.1","_nodeVersion":"11.1.0","_npmUser":{"name":"morajabi","email":"mo.rajbi@gmail.com"},"dist":{"integrity":"sha512-MywstcxLb/bPz2G3Tu9MxXVmJeeLbsVKlodL9xYglwIHwf0wEMnPjVWOBEzNCXAWDLcgTyI3YBAs2qW9rDjnTA==","shasum":"8b69b752e7da1f8619e5408fd2f9dd988aa00bf0","tarball":"https://registry.npmjs.org/styled-media-query/-/styled-media-query-2.1.1.tgz","fileCount":9,"unpackedSize":34957,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcF7XFCRA9TVsSAnZWagAAC18P/1LGRbr/Fw1wkEiJH/DV\n/t7LEfPEn8xG+rBLuVHxGvcxwjCsGHQhMfcoRvVMlLzO7h4eoRfAnTBckWL3\nGJ/Pxs5Bksti/B0ZJYw3mIUHOptJoUDLEihgWpciqHOLlsrlUUL/EQ3bmPUE\nQBLoGSd1wxaAFe09mdn8hMv+wgJjBmxEuNKXIN4UtdKgyeBEiNpWWFwp2coP\nyGX2bvQyg7nHU6FwtczmhUQVQIgXakoj8hnaez4PaTu3q4oi7UvWwJ9FpNOd\nwE34Zowzi3w5p4A33AljStBW4l1AOSY5jcLg380nxl4BXek9nDShqK6czLv9\n0IaB5wZKHas114C41QTiTHa4dnfJHjz+5wsNyXOdwq+tpWenICaw+k39AROO\npIRo76zFUJPqmOtHRaQ/ZgdYHQEuYZTHpObQ5lCPd51daNTe8T+t7BgG6wxq\nOc82rKxeulsIYk/HfoO5/KsbHJo1+kCyF8xVCGXYsdaDL6+/flhjK80lyqky\nkII8f56lHacSOIXPpEEjkNnBTQ5eqjRpCS/hASshr7yONlMaNAyqF5fZLswi\nDvWMGcr3teIkuGw8cuyqenuNBNhphTWiyfHqrXfIRg7vqYPY9WAbh4bQ3ugB\nbNtSPnnd2iXjn3yyNIrOy/g1nvGAZuJznhXLJtrVOfe+s86VAhCWDuKCinPL\n7QLw\r\n=r4al\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHUWe0AlnZbdq3zVZzkulN9iB69zjtbJK3nbBzz/exHhAiEA4z7559ZuI7b9INwG/loBTlHJGFTOtcK17NNHHjNCd9I="}]},"maintainers":[{"name":"morajabi","email":"mo.rajbi@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/styled-media-query_2.1.1_1545057732804_0.5877481465960219"},"_hasShrinkwrap":false},"2.1.2":{"name":"styled-media-query","version":"2.1.2","description":"Beautiful media queries for styled-component","main":"dist/styled-media-query.common.js","module":"dist/styled-media-query.es.js","jsnext:main":"dist/styled-media-query.es.js","types":"./src/index.d.ts","repository":{"type":"git","url":"git@github.com:morajabi/styled-media-query.git"},"keywords":["styled-components","media-query","media","breakpoint"],"scripts":{"test":"jest","clean":"rimraf dist","build":"yarn build:common && yarn build:es && yarn build:browser","build:common":"rollup -c --environment COMMON,PRODUCTION","build:es":"rollup -c --environment ES","build:browser":"rollup -c --environment BROWSER,PRODUCTION"},"author":{"name":"Mohammad Rajabifard","email":"mo.rajbi@gmail.com"},"license":"MIT","peerDependencies":{"styled-components":">= 1"},"devDependencies":{"@babel/core":"^7.1.6","@babel/preset-env":"^7.1.6","rimraf":"^2.6.2","rollup":"^0.67.3","rollup-plugin-babel":"^4.0.3","rollup-plugin-commonjs":"^9.2.0","rollup-plugin-node-resolve":"^3.4.0","rollup-plugin-uglify":"^6.0.0","styled-components":"^4.1.1"},"browserslist":"> 0.25%, not dead","contributors":[{"name":"Mohammad Rajabifard","email":"hi@morajabi.me"},{"name":"+Behnam Rajabifard","email":"b.rajabifard@gmail.com"}],"licenseText":"MIT License\n\nCopyright (c) 2016 \n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n","_id":"styled-media-query@2.1.2","dist":{"shasum":"d59e8d91bc4bcff210dc511bdcecedf16eb2c5b7","integrity":"sha512-ds24iBxOrfIhdHP+e23y6kj1gbosgWu+tgAuxvMrYmnp6Sju/LjuY8lfkiVnn6P7mcdhtwpC2Z43o+apT9UdJg==","tarball":"https://registry.npmjs.org/styled-media-query/-/styled-media-query-2.1.2.tgz","fileCount":13,"unpackedSize":36673,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdA5MDCRA9TVsSAnZWagAAYhgP/jX+WhfmWFi4ST39DJDZ\n2HA2eLiecaoMxUhuu0qBlIWeAZJGX3W//3Mi2yQZ2pwiVfpGHdX5Xoz5lcZu\nr00UbvDPO9VaIoIYUcquMjUTb6wQOTJj6Z4uJKMCYvuLzu5Nllc1mHp7d57/\naYWvel1GgEjkQwRBrDj3hPu82dPXB4NYxw8kykQ4pSiQofPpKGXzsYfEAOQg\nsbkCEwIXPvgqA7IPUn3T55I9SHA8c4JW9EVriyFFdvN7kci/m0u3MO1B//ki\njs5Q0HnOXDzdEs7MdQj5YAzJfq0q7Yc9JIbhciZmbfh92/i0X/RUevFYBGjH\npURygOo1nHvEVRJMoczwL9/cMGFoBA8+5ZRbw8FiJs+UoCcvE/8YlBggZDv5\ngVITB0pBSqw9gisPGtNE7/TyXyYphx0E2ddt//5pClj2fg62QKjKOtc3jurB\nxcd+6dcMPi4DKm8JhPFNtRQCpy8FoCtk56OHh/2pqxS1bEyBnfUmvzOHDBRR\nlRUlm2gezi6aejX4u0pKMZFX6tq5IR97ZhuVp6zz3n61K1jS5b7YONjoOgcI\nfhSE+ktJcmYxqGbiPJsEJdllKV/TPwUcK4VT8G70kijWssz1LTJWs8KRqRpb\nN685Pmqf6M/DoqYLaYYXAsLW3WdRkvK2+qmy6v0QKJ34mgef4ikuOGCYhze3\njCI9\r\n=OK8u\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICTSn/qu5A12iP7qbXvRdAYkf1FUqQMR924TkwsH7OEpAiEA7WHHf5oabStkD6PqaeWK4oQn3ytYbZr/4eqzgrm5u80="}]},"maintainers":[{"name":"morajabi","email":"mo.rajbi@gmail.com"}],"_npmUser":{"name":"morajabi","email":"mo.rajbi@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/styled-media-query_2.1.2_1560515330621_0.43157502914250756"},"_hasShrinkwrap":false}},"readme":"# 💅💍 styled-media-query\n\n[![npm](https://img.shields.io/npm/v/styled-media-query.svg)]()\n[![npm](https://img.shields.io/npm/l/styled-media-query.svg)]()\n[![David](https://img.shields.io/david/morajabi/styled-media-query.svg)]() [![with-coffee](https://img.shields.io/badge/made%20with-%F0%9F%92%A7%20water-blue.svg)](https://github.com/morajabi/with-coffee) [![with-love](https://img.shields.io/badge/made%20with-%F0%9F%92%8C-red.svg)](https://github.com/morajabi/with-coffee)\n\nBeautiful media queries better than CSS @media for [styled-components](https://github.com/styled-components/styled-components) with ability to specify custom breakpoints.\n\n**Don't forget to STAR 🎊 We are working so hard to add more features/customizations to `styled-media-query`!**\n\n**Note: This documentation is for the latest version (v2). We still support v1 syntax but it'll be removed in v3.**\n\nFeatures:\n\n* Custom breakpoints\n* Custom size units (px, em, rem)\n* Awesome syntax for min-width and max-width for each breakpoint\n* Familiar syntax as it uses Tagged Template Literals just like styled-components\n* Ability to convert `px` to `rem` or `em`\n\n# Start\n\n* [Installation](#-installation)\n* [Usage](#-usage) _- Get Started_\n* [Concepts](#-concepts)\n* [API](#-api)\n* [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n# 🌱 Installation\n\nYou can install it like every other library with awesome **yarn**:\n\n```\nyarn add styled-media-query\n```\n\nor with **npm**\n\n```\nnpm install styled-media-query\n```\n\n_Note: If you didn't install `styled-components` yet, install it as well `yarn add styled-components`_\n\n**If you use UglifyJS and it fails or you need compiled module, update to latest version please!**\n\n# 🍃 Usage\n\nFirst let me mention how our default breakpoint look like:\n\n```javascript\n{\n  huge: '1440px',\n  large: '1170px',\n  medium: '768px',\n  small: '450px',\n}\n```\n\nThe `media` has 3 main methods to generate media queries:\n\n* [`lessThan(breakpoint | size)`](#lessthan)\n* [`greaterThan(breakpoint | size)`](#greaterthan)\n* [`between(firstBreakpoint | firstSize, lastBreakpoint | lastSize)`](#between)\n\n## Basic Example\n\nProbably this example will explain most of this library. You can use one of these methods to write different kinds of media queries like this:\n\n```js\nimport styled from \"styled-components\"; // You need this as well\nimport media from \"styled-media-query\";\n\nconst Box = styled.div`\n  background: black;\n\n  ${media.lessThan(\"medium\")`\n    /* screen width is less than 768px (medium) */\n    background: red;\n  `}\n\n  ${media.between(\"medium\", \"large\")`\n    /* screen width is between 768px (medium) and 1170px (large) */\n    background: green;\n  `}\n\n  ${media.greaterThan(\"large\")`\n    /* screen width is greater than 1170px (large) */\n    background: blue;\n  `}\n`;\n```\n\nThe code above is the same as below in pure CSS:\n\n```css\n/* ↓↓↓↓↓↓↓↓↓ */\n\ndiv {\n  background: black;\n\n  @media (max-width: 768px) {\n    /* screen width is less than 768px (medium) */\n    background: red;\n  }\n\n  @media (min-width: 768px) and (max-width: 1170px) {\n    /* screen width is between 768px (medium) and 1170px (large) */\n    background: green;\n  }\n\n  @media (min-width: 1170px) {\n    /* screen width is greater than 1170px (large) */\n    background: blue;\n  }\n}\n```\n\n_Note: You can use custom size instead of breakpoint names, too._\n\n## `lessThan`\n\nYou can use this type of media query to add styles for screen sizes _less than_ given breakpoint or size.\n\nExample with breakpoint:\n\n```\nmedia.lessThan('medium')`\n  /* styles ... */\n`\n```\n\nExample with custom size:\n\n```\nmedia.lessThan('768px')`\n  /* styles ... */\n`\n```\n\n_Note: You can use `rem` and `em` too. (Even you can convert breakpoints to use `em` or `rem` with [`pxToRem`](#pxToRem) and [`pxToEm`](#pxToEm) functions)_\n\n## `greaterThan`\n\nYou can use it to add styles for screen sizes _greater than_ given breakpoint or size.\n\nExample with breakpoint:\n\n```\nmedia.greaterThan('small')`\n  /* styles ... */\n`\n```\n\nExample with custom size:\n\n```\nmedia.greaterThan('450px')`\n  /* styles ... */\n`\n```\n\n## `between`\n\nWe use `between` to add styles for screen sizes _between_ the two given breakpoints or sizes.\n\nExample with breakpoints:\n\n```\nmedia.between('small', 'medium')`\n  /* styles ... */\n`\n```\n\nExample with custom sizes:\n\n```\nmedia.between('450px', '768px')`\n  /* styles ... */\n`\n```\n\n## Use with custom breakpoints:\n\nOur breakpoints may not fit your app, so we export another function called `generateMedia` to generate a `media` object with your own custom breakpoints:\n\n```javascript\nimport styled from \"styled-components\"; // You need this as well\nimport { generateMedia } from \"styled-media-query\";\n\nconst customMedia = generateMedia({\n  desktop: \"78em\",\n  tablet: \"60em\",\n  mobile: \"46em\"\n});\n\n// for example call it `Box`\nconst Box = styled.div`\n  font-size: 20px;\n\n  ${customMedia.lessThan(\"tablet\")`\n    /* for screen sizes less than 60em */\n    font-size: 15px;\n  `};\n`;\n```\n\nIn the case you needed the default breakpoints object, you can import it as follow:\n\n```javascript\nimport { defaultBreakpoints } from \"styled-media-query\";\n```\n\n## 🐽 Concepts\n\nThere's a little to learn before you can read the API section.\n\n### Breakpoints Object\n\nIt's an object containing each break point name as keys and the screen width as values. `styled-media-query` exports the `defaultBreakpoints` object.\n\n### Media Generator Object\n\nA `media generator object` is what is returned from [`generateMedia`](#generateMedia) function or the [default exported object](#default-media) from `styled-media-query`. Read API section for each method.\n\n## 🌼 API\n\nWe have a very minimal API, probably you are familiar with 90% of it so far.\n\n### Default `media`\n\nA [`media generator object`](#media-generator-object) with default [`breakpoints object`](#breakpoints-object):\n\n_Example:_\n\n```javascript\nimport media from \"styled-media-query\";\n```\n\n### `generateMedia`\n\nGenerates custom [`media generator object`](#media-generator-object) with custom breakpoints:\n\n```\ngenerateMedia([breakpoints]);\n```\n\n* breakpoints: `Object` _default: `defaultBreakpoints`_ - a [`breakpoints object`](#breakpoints-object)\n\n_Example:_\n\n```javascript\nimport { generateMedia } from \"styled-media-query\";\n\nconst media = generateMedia({\n  xs: \"250px\",\n  sm: \"450px\",\n  md: \"768px\",\n  lg: \"1200px\"\n});\n```\n\n### `pxToRem`\n\nConverts [`breakpoints object`](#breakpoints-object)'s units from `px` to `rem` based on the `ratio` of `px` to `1rem`.\n\n_parameters:_\n\n* breakpoints: `Object` - a [`breakpoints object`](#breakpoints-object)\n* ratio: `number` _default: `16`_ - how many `px` is equal to `1rem`? (It's your root `font-size`)\n\n_Example:_\n\n```javascript\nimport { pxToRem } from \"styled-media-query\";\n\nconst breakpointsInRem = pxToRem(\n  {\n    small: \"250px\",\n    medium: \"768px\",\n    large: \"1200px\"\n  },\n  10\n);\n\n/* ↓↓ returns ↓↓\n{\n  small: '25rem',\n  medium: '76.8rem',\n  large: '120rem',\n}\n*/\n```\n\n### `pxToEm`\n\nSimilar to [`pxToRem`](#pxToRem). Converts [`breakpoints object`](#breakpoints-object)'s units from `px` to `em` based on the `ratio` of `px` to `1em`.\n\n_parameters:_\n\n* breakpoints: `Object` - a **`breakpoints object`**\n* ratio: `number` _default: `16`_ - how many `px` is equal to `1em`? (Probably it's your root `font-size`)\n\n_Example:_\nSimilar to [`pxToRem`](#pxToRem).\n\n## ⚙️ Troubleshoot\n\nIf you use UglifyJS and it fails or you need compiled module you need to update your module to v2 right now to fix the issue:\n\n```\nnpm install styled-media-query@latest\n```\n\n## 🐿 Contributions\n\nI'd love to contribute in open source projects, and love to see people contribute. So **any kind** of contributions (bug reports, suggestions, PRs, issues, etc) are super welcome.\n\n## 🍿 TODO\n\n* [x] Add convertors for `em` and `rem` to `px` and vice-versa.\n* [x] Add `between()` method\n* [x] Add LICENSE\n* [ ] Write tests with Jest\n* [ ] Ability to specify custom media attributes\n* [ ] Add support for [glamorous](https://github.com/paypal/glamorous)\n* [ ] ... _You say?_\n\n# License\n\nLicensed under the MIT License, Copyright © 2017 [Mohammad Rajabifard](https://github.com/morajabi).\n\nSee [LICENSE](https://github.com/morajabi/styled-media-query/blob/master/LICENSE) for more information.\n","maintainers":[{"name":"morajabi","email":"mo.rajbi@gmail.com"}],"time":{"modified":"2022-05-18T22:22:49.171Z","created":"2017-07-09T09:50:22.771Z","1.0.0":"2017-07-09T09:50:22.771Z","1.0.1":"2017-07-09T17:48:11.606Z","1.0.2":"2017-08-05T10:41:05.480Z","1.0.3":"2017-08-05T15:46:17.037Z","2.0.0":"2017-08-06T10:10:44.189Z","2.0.0-rc.1":"2017-08-06T10:49:50.401Z","2.0.0-rc.2":"2017-08-06T11:31:50.429Z","2.0.0-rc.3":"2017-08-24T11:55:03.581Z","2.0.1":"2017-08-25T07:03:04.989Z","2.0.2":"2018-02-07T20:09:28.497Z","2.1.0":"2018-12-16T19:19:37.764Z","2.1.1":"2018-12-17T14:42:12.906Z","2.1.2":"2019-06-14T12:28:50.808Z"},"keywords":["styled-components","media-query","media","breakpoint"],"repository":{"type":"git","url":"git@github.com:morajabi/styled-media-query.git"},"author":{"name":"Mohammad Rajabifard","email":"mo.rajbi@gmail.com"},"license":"MIT","readmeFilename":"README.md","contributors":[{"name":"Mohammad Rajabifard","email":"hi@morajabi.me"},{"name":"+Behnam Rajabifard","email":"b.rajabifard@gmail.com"}]}