{"_id":"@divyanshu013/media","_rev":"3-820dcb4cffcc6103c7db5a9b218f2340","name":"@divyanshu013/media","dist-tags":{"latest":"1.0.0"},"versions":{"0.0.1":{"name":"@divyanshu013/media","version":"0.0.1","description":"Simplify media queries for CSS in JS","private":false,"author":{"name":"Divyanshu Maithani","email":"div.blackcat@gmail.com","url":"https://github.com/divyanshu013"},"main":"index.js","module":"index.js","license":"MIT","scripts":{"start":"rollup -c --watch","build":"rollup -c","precommit":"lint-staged","lint":"eslint","test":"jest --coverage","test:watch":"jest --watch","prepublishOnly":"npm run build"},"lint-staged":{"*.js":["eslint --fix","git add"]},"devDependencies":{"babel":"^6.23.0","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-preset-env":"^1.7.0","eslint":"^4.19.1","eslint-config-airbnb":"^16.1.0","eslint-config-prettier":"^2.9.0","eslint-plugin-import":"^2.12.0","eslint-plugin-jest":"^21.17.0","eslint-plugin-jsx-a11y":"^6.0.3","eslint-plugin-prettier":"^2.6.0","eslint-plugin-react":"^7.9.1","husky":"^0.14.3","jest":"^23.1.0","lint-staged":"^7.1.3","prettier":"^1.13.5","rollup":"^0.60.1","rollup-plugin-babel":"^3.0.7"},"gitHead":"1f4987714d2f6c35ba937b458a8824c101759e88","_id":"@divyanshu013/media@0.0.1","_npmVersion":"5.6.0","_nodeVersion":"8.11.3","_npmUser":{"name":"divyanshu013","email":"div.blackcat@gmail.com"},"dist":{"integrity":"sha512-Gq9LoXnKt84laI9kRWFCgQ+yE4CosOPzqg9FwxJZ8y2u+AGJjdJtXE/TS2PG/uMMokUQy0t0O0mqt49qwevXZw==","shasum":"c5be483b9147e32a3e9c2a36800c448ee8b87928","tarball":"https://registry.npmjs.org/@divyanshu013/media/-/media-0.0.1.tgz","fileCount":13,"unpackedSize":167038,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbcHyXCRA9TVsSAnZWagAA+2kP/2yDUu6JnOS6U6bsYtS1\nnO7WpGNc+n8yccsbwAyk+tgK3XPX6zZ1O7xeVgngEqE8zKPHIhh49qC63Z97\n0XLDhV5yoW43Jrw71uoBM1qBdKfhdqEn2eGM7FAqFUHF88/FRkXgNuW4TjkR\nJIDzJZw1RRG73wr3kYBUJghZPTX12WQ+e0JKSR1zyoo/070X9nuZp98vOuDV\nNNqZkocx5JwGplK2Sv4ikFOtoAN0vFx+Jz6JYmAubU2K91L6FEGe6EKN5yo+\nAD26l0aCVyey9UjN5Ug3zQzsJGQIPrL6cQEA+4n1u4ITEtYiWQoWsBM6cFrV\nBv5ODFz38ISMCV9qQ0P0Ggal9l9XyXOwke5cLOfqHe81PfBPs2fJN1xWTX7d\ne6KRsA2bLEfggZwAWfHwBhK7oNBl0KsDhkO4BHkskSiihYxxR+wmqSV2/1/v\npgS34c0TsnWsAhAvJ0IMFUAb0GkxO8Ux6sVcOrzKD+YYg3iLBjYfVpdHyk5T\nYhx8l+7zdk1R9FNB3zp+M+/2/RHA1QQREr5UEmiR3jjNVFV0jJC+E5DrQZ8g\n2bc/pa4eABJITgN+d2WceNfobhFoqMhKZZTATVVpPE8lZUy9hXU30boLlXnn\n8cigJi7DKnocybHBR/aSErW9QCCbQRl71blpSQhWrYBO7bdSbVDmFZifYfQJ\nmzcJ\r\n=vopc\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFCEKAWJhBIkYTkKU78a0XsE9rA4nWSmHq6G3nS+vqSqAiA7lO1OdsDn+JR6gvgvNP7N5LofbrAIkoYXF0bNiN1Ztw=="}]},"maintainers":[{"name":"divyanshu013","email":"div.blackcat@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/media_0.0.1_1534098582518_0.6928693813017497"},"_hasShrinkwrap":false},"0.0.2":{"name":"@divyanshu013/media","version":"0.0.2","description":"Simplify media queries for CSS in JS","private":false,"author":{"name":"Divyanshu Maithani","email":"div.blackcat@gmail.com","url":"https://github.com/divyanshu013"},"main":"lib/index.js","module":"lib/index.es.js","license":"MIT","scripts":{"start":"rollup -c --watch","build":"rollup -c","precommit":"lint-staged","lint":"eslint","test":"jest --coverage","test:watch":"jest --watch","prepublishOnly":"npm run test && npm run build"},"lint-staged":{"*.js":["eslint --fix","git add"]},"devDependencies":{"babel":"^6.23.0","babel-core":"^6.26.3","babel-jest":"^23.4.2","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-preset-env":"^1.7.0","eslint":"^4.19.1","eslint-config-airbnb":"^16.1.0","eslint-config-prettier":"^2.9.0","eslint-plugin-import":"^2.12.0","eslint-plugin-jest":"^21.17.0","eslint-plugin-jsx-a11y":"^6.0.3","eslint-plugin-prettier":"^2.6.0","eslint-plugin-react":"^7.9.1","husky":"^0.14.3","jest":"^23.1.0","lint-staged":"^7.1.3","prettier":"^1.13.5","rollup":"^0.60.1","rollup-plugin-babel":"^3.0.7"},"gitHead":"ad06dcf408c30bf1057b52af36d1f273f5eb635d","_id":"@divyanshu013/media@0.0.2","_npmVersion":"5.6.0","_nodeVersion":"8.11.3","_npmUser":{"name":"divyanshu013","email":"div.blackcat@gmail.com"},"dist":{"integrity":"sha512-4rnDY4Dfy77c33Y3NjJ1AGLKfQkvAxIzOmlDbcZ0GEbbUk/4Yy1V1T6gfmRyqcUm6u7fCJw3nN5QyGNuWcA5lQ==","shasum":"2a988a19a0d108b55a60ef0b7482cfbd0a240fc7","tarball":"https://registry.npmjs.org/@divyanshu013/media/-/media-0.0.2.tgz","fileCount":14,"unpackedSize":168689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbeZtXCRA9TVsSAnZWagAA10oQAJsPiDXMhBMp0EBO51G7\niLeGiFPf5J24FQmxpRrXsKGJLIXYSeYWeqEbuqY0sh8TSawbstT7QNUTwuBG\njLLoM5pb8cgUKuROkjq/6JdigYMGei6cEtD9sho+JFZ4I62UTfpiDF4KkWi7\ncdpXg+39pzYkZNOSlOqvhwRr02dZ6S8z60kghQcx1p8Mpg3wqpzmImFKDZEo\nAWkcNx9xQ7qk3+nVCZKajFXQequoX0DqzZRVxkiTtTXBEqpeGdr6Iv2uQCSB\nv04LT++neTbtQ+pktYdmypybkY22OdK0GUoXaw1crgYNU/pZuNLBohBlvINP\nhyvssv9CHFnyThiApjYsVoFLy8GYpXCqCJB7AhxTQZQJ2YvbaL4AzejIBLpY\n8C3UkU4/HSORUH7JQGQ7sTRPsEt9wOhmu3zWQUU9lVAHBZ1nsxUrkI+rKcee\nXH7u6tcOD/n+B8DfQ4qWDaBxZL/AdKUQU7OKjgsqzIml/aMIm1h9Y7cWDB5a\nEUH55OKfqzb1pIkl5bTu/1LJq0gdfZa5r289KYlVY2gq4fOFHQ8ogQWXwW4S\nlF1tIvLHdyM5BqxX0ze3giolFlfU8PIgKoeTimhfuin15VZPdZCV6rsfFd6m\nbrHTavI0QNUmUQnI9zXXrD5qUUjlfTrMZyL9wQbiOfypJvNDOkN3FC/WmVfF\nT7Xk\r\n=gsq+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCKpJ98wXcksSTgrax46ARSxxxrOQ8XmzdSZm7c7tAH1wIgFUpaH3ac8rIpCSlkd207P69T1pkv0CbB/NalNQq3PGk="}]},"maintainers":[{"name":"divyanshu013","email":"div.blackcat@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/media_0.0.2_1534696279095_0.602264714058864"},"_hasShrinkwrap":false},"1.0.0":{"name":"@divyanshu013/media","version":"1.0.0","description":"Simplify media queries for CSS in JS","private":false,"author":{"name":"Divyanshu Maithani","email":"div.blackcat@gmail.com","url":"https://github.com/divyanshu013"},"main":"lib/index.js","module":"lib/index.es.js","license":"MIT","scripts":{"start":"rollup -c --watch","build":"rollup -c","precommit":"lint-staged","lint":"eslint","test":"jest --coverage","test:watch":"jest --watch","prepublishOnly":"npm run test && npm run build"},"lint-staged":{"*.js":["eslint --fix","git add"]},"devDependencies":{"babel":"^6.23.0","babel-core":"^6.26.3","babel-jest":"^23.4.2","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-preset-env":"^1.7.0","eslint":"^4.19.1","eslint-config-airbnb":"^16.1.0","eslint-config-prettier":"^2.9.0","eslint-plugin-import":"^2.12.0","eslint-plugin-jest":"^21.17.0","eslint-plugin-jsx-a11y":"^6.0.3","eslint-plugin-prettier":"^2.6.0","eslint-plugin-react":"^7.9.1","husky":"^0.14.3","jest":"^23.1.0","lint-staged":"^7.1.3","prettier":"^1.13.5","rollup":"^0.60.1","rollup-plugin-babel":"^3.0.7"},"gitHead":"5a516dfbef17e7e03eb20915647bb18f31b589f8","_id":"@divyanshu013/media@1.0.0","_npmVersion":"5.6.0","_nodeVersion":"8.11.3","_npmUser":{"name":"divyanshu013","email":"div.blackcat@gmail.com"},"dist":{"integrity":"sha512-koihg5xOOLYVGWVE40LHcvIHLmT8z4YxogLuuEddwxcweJhdJwHcvUkxCMJKvUc58sTCkkOLGRy4f/7iqjGdXw==","shasum":"213845963960333cc69013759c4496a0250591e8","tarball":"https://registry.npmjs.org/@divyanshu013/media/-/media-1.0.0.tgz","fileCount":15,"unpackedSize":170672,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbed0WCRA9TVsSAnZWagAAW4UP/jrtH254iHSaWs8Gg+k/\nYivghG0Tigb2mHFrAupDyaOn0Jpp4o12RzXy0NBzFa8WgJIU9kZC5u8x+lDy\nwfmVyXTnZsPps4YF1W0VmZk9JdA636fIKgRHE0+R6DpnSd70VyK85YpbfFfn\nS2tLYO/mUcjrGc+D8utiZKL8D4HlIgvXqmCnZ/uCDpcKWlPssWa+hpehwgRP\nxbwgp+VWdSZx5+3jeyDFNSXHBg37RGPF3HPUOqi5/x20NYc3f2X4XGjEj3wB\n5ENNMxSeQSXUIifa+1LV16xpbbxhgrvY41JvWk6lgJg7pD8QyQC4N6DKQvcA\n+fiuK8jdCt9oSjnI0aS1DAdgsX9o25XxVIUqu0vPGrLG60y0TIU0OcuaNvdU\nXI5dkXvAsZTaS7xKkL3ZU6yniX3Wem/8aaeAnUEQb6ORzasw4coTRr64bgW6\nJRPeppwU5s9WyuL/0jvPbztlZpE3McNIBEJtfLlDQXOGpL31gAaXEyK2vuwd\n9RFoTtSs8fvoRXc/J85ekWjnwBAu8i79GJRQ8tlAL23oLpsM8nW25VNqxP4i\nZzX9pz3A8vj3p4CA+jYGxjBXZTsDqpcoGbOksFz1k+M7AXis49wCfZwP9Rqo\n4tsJqhPCKNHw/Qi+/VPjEEqqY8NjXSJgNz31z/l0Z8uS14R9yE/1RRZPSLhy\n8aby\r\n=2Kx7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDN4mX0BLrV5dKEIjvFnhTB1juGp1s0kqyHuTAoX8spwwIgSusbvtlSSQBUzYSfkgice4WKLbdAKaiRdXNWKnnj3Sw="}]},"maintainers":[{"name":"divyanshu013","email":"div.blackcat@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/media_1.0.0_1534713109552_0.257219056800549"},"_hasShrinkwrap":false}},"time":{"created":"2018-08-12T18:29:42.213Z","0.0.1":"2018-08-12T18:29:42.762Z","modified":"2022-04-05T04:48:55.416Z","0.0.2":"2018-08-19T16:31:19.195Z","1.0.0":"2018-08-19T21:11:49.679Z"},"maintainers":[{"name":"divyanshu013","email":"div.blackcat@gmail.com"}],"description":"Simplify media queries for CSS in JS","author":{"name":"Divyanshu Maithani","email":"div.blackcat@gmail.com","url":"https://github.com/divyanshu013"},"license":"MIT","readme":"

\n @divyanshu013/media 💃\n
\n
\n \n \"@divyanshu013/media\"\n \n
\n

\n

Simplify media queries for CSS in JS

\n\n![NpmVersion](https://img.shields.io/npm/v/@divyanshu013/media.svg)\n![bundle size](https://img.shields.io/bundlephobia/minzip/@divyanshu013/media.svg)\n[![Maintainability](https://api.codeclimate.com/v1/badges/9aff1f460c5e257f0519/maintainability)](https://codeclimate.com/github/divyanshu013/media/maintainability)\n[![codecov](https://codecov.io/gh/divyanshu013/media/branch/master/graph/badge.svg)](https://codecov.io/gh/divyanshu013/media)\n[![Build Status](https://travis-ci.org/divyanshu013/media.svg?branch=master)](https://travis-ci.org/divyanshu013/media)\n[![jest](https://facebook.github.io/jest/img/jest-badge.svg)](https://github.com/facebook/jest)\n![Downloads](https://img.shields.io/npm/dt/@divyanshu013/media.svg)\n\n# Install\n\n```bash\nyarn add @divyanshu013/media\n```\n\n# Usage\n\n## breakpoints\n\n```js\nimport { breakpoints } from '@divyanshu013/media';\n\n// default breakpoints\nconsole.log(breakpoints);\n/*\n{\n xsmall: 420,\n small: 576,\n medium: 768,\n large: 992,\n xlarge: 1200,\n}\n*/\n```\n\n## min-width query\n\n```js\nimport { mediaMin } from '@divyanshu013/media';\nimport { css } from 'react-emotion';\n\nconst styles = css({\n [mediaMin.medium]: {\n fontSize: '1.2rem',\n },\n});\n```\n\n## max-width query\n\n```js\nimport { mediaMax } from '@divyanshu013/media';\nimport { css } from 'react-emotion';\n\nconst styles = css({\n [mediaMax.medium]: {\n fontSize: '0.9rem',\n },\n});\n```\n\n## create\n\n```js\nimport { create } from '@divyanshu013/media';\n\nconst breakpoints = {\n md: 768,\n xxl: 1600,\n};\n\nconst mediaQMax = create(breakpoints, 'max');\nconst mediaQMin = create(breakpoints, 'min');\n```\n\n## compose\n\nJust like `Object.assign`. (Actually its just Object.assign 😛).\n\n```js\nconst media1 = {...};\nconst media2 = {...};\n\nconst mediaQ = compose(media1, media2);\n\n// now use mediaQ\n```\n\n# Inspiration\n\nThis library is inspired by [emotion](https://github.com/emotion-js/emotion) and [facepaint](https://github.com/emotion-js/facepaint).\n\nLogo from [EmojiOne](https://www.emojione.com/emoji/1f483).\n","readmeFilename":"README.md"}