{"_id":"@ali_nawaz/style-kit","_rev":"5-c0ed273c488b9c755b86a7e84e27a149","name":"@ali_nawaz/style-kit","dist-tags":{"latest":"1.1.3"},"versions":{"1.0.1":{"name":"@ali_nawaz/style-kit","version":"1.0.1","description":"This package contain many helpful function and tools for styling you ui","main":"lib/index.js","types":"lib","scripts":{"build":"tsx -p .","watch":"npx tsc -w"},"repository":{"type":"git","url":"git+https://github.com/Zeal29/stylekit.git"},"keywords":["styleKit","stylekit","css","styled","components","ts","tsx","js","html","alinawaz","ali","nawaz","zeal29"],"author":{"name":"Zeal29","url":"Ali Nawaz"},"license":"MIT","bugs":{"url":"https://github.com/Zeal29/stylekit/issues"},"homepage":"https://github.com/Zeal29/stylekit#readme","dependencies":{"resize-observer-polyfill":"^1.5.1","typescript":"^4.1.5"},"_id":"@ali_nawaz/style-kit@1.0.1","_nodeVersion":"14.15.5","_npmVersion":"6.14.11","dist":{"integrity":"sha512-wI+0AaOaIsSJXsQzPFtZuLMyiXkEB9tZ3aAaT4nJQMwyvDJXmm/ZNtA9wU1SXm636nXaKYiZtbEa18I998P95A==","shasum":"f6be739e8bfcb0ed136a119e183e31f52182175d","tarball":"https://registry.npmjs.org/@ali_nawaz/style-kit/-/style-kit-1.0.1.tgz","fileCount":13,"unpackedSize":12264,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgMv7FCRA9TVsSAnZWagAAHicP/RnKF5AA79mBOSffZRDU\ny2TtzUqdyvzQJ2r6K/djbJvKt/EWGYULRbbpNLSDMl5wme+twcsrTf9xVzet\ng1z0x6n/yH2ORfz4ZCzYHXPaheUszZKdQus6FGd//561h7csLV4HzuhHDkqq\nj3VupXIeSwZ52RIdHKDM3cNhZRPYv5BMeabNDAq2HIWYCU5OgYmGprzCFnNC\njBzShxaBtGscliiK5nfWvAj50Y5anXhf7PwiJK41WRsYh4rhbOkewVRrv8jG\nvVsGeUlzxe6uS4Pai/5ZiUVL6AMxU/IAa/QbHHMQ4dssP6sUSZiwxkHkpYiz\neBoQnmH52ALu67KDk6V1v6s+/aPQh7bTd8nwuFy9Wh/gOKpTlhr5pCWqaDS7\nZS+cJRSub83d9jnsQws/lmgC5MQaGTKH3xopjlMjpz5nPwUSHBtj+nSGY8YU\nBhA68ZeR1VhDKVVLSIM/c0cPshB+WTJuXIad6aAmFmvXPHuLmNkwY5sMFHdW\nYTxCpYCpXpyU7sEfaENtk8lyR1Ia10TeCpfEPr1IH5jmCbJ3NYxuw/vlNzNX\nDxqv9pL/an/davPRKtLH9pIUK2WPkFtf5YzkZdmrmG9FIJLMd+4BRACodJBI\nwbA/1nRqXTnsyhGKEBgHU1EKZ07tHC5Ihd8e8e6K3gDmN2vdIThT7WQ/gmlR\nC5zB\r\n=bxyP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDkywR8/9Ys5/EE0X4PmGk5Fx/kPyXlel1EnEQPd6ni+AIhAJjmPdwUp/iqT3O0LqV4k8oLFuzhyuS2fjWSgGhs0fvy"}]},"_npmUser":{"name":"ali_nawaz","email":"ali029092@gmail.com"},"directories":{},"maintainers":[{"name":"ali_nawaz","email":"ali029092@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/style-kit_1.0.1_1613954756632_0.7796526431921578"},"_hasShrinkwrap":false},"1.1.0":{"name":"@ali_nawaz/style-kit","version":"1.1.0","description":"This package contain many helpful function and tools for styling you ui","main":"lib/index.js","types":"lib","scripts":{"build":"npx tsx -p .","watch":"npx tsc -w"},"repository":{"type":"git","url":"git+https://github.com/Zeal29/stylekit.git"},"keywords":["styleKit","stylekit","css","styled","components","ts","tsx","js","html","alinawaz","ali","nawaz","zeal29"],"author":{"name":"Zeal29","url":"Ali Nawaz"},"license":"MIT","bugs":{"url":"https://github.com/Zeal29/stylekit/issues"},"homepage":"https://github.com/Zeal29/stylekit#readme","dependencies":{"resize-observer-polyfill":"^1.5.1","typescript":"^4.1.5"},"gitHead":"edfc37eaa087517226574b3e3f67ca39fc6f8f59","_id":"@ali_nawaz/style-kit@1.1.0","_nodeVersion":"14.15.5","_npmVersion":"6.14.11","dist":{"integrity":"sha512-7k7AOnYcFff/9Qn5CJIfqy6eLi7sLVUcL5hZlL0PoxQ2F6t2+1tcEG6PLgq4Qa94lzyfYqWeDRNHnUzA7t83tQ==","shasum":"c8dc016195b43fd584a2970ca80997aced81d036","tarball":"https://registry.npmjs.org/@ali_nawaz/style-kit/-/style-kit-1.1.0.tgz","fileCount":14,"unpackedSize":20789,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNZ3FCRA9TVsSAnZWagAA9EMP/22vVxtjfR9FA6dQDFhq\nNEtjmxB5uR4tw7vbPRRZgAbKbvBwYEKThYgPpa6MGjc9/eBaUV0IfNJhh8gY\n3IXf5Fg8rYXkMJUCxgLlkXroKHswyCdYH3FjVNZZ6ChPZxbl2uMz5h4Ga7iP\nuujYVK9xMJMEMmpf0xKGU8LxEZK3BtIG9iUHz0BQc1k6DDiaa0lb97SAegmx\nMhJGUSej4jg3lsYMQHS1CBPkClwdZ8CT85/TV8Q/wM2D3m0digq8LsvxLEFl\nXE1nNG7w/CuL98VExiNDWb8vG+YONNAavx/ZY1OihQSRMLgxu2xGnNpmM08F\n8rsgB8hnB596PZ84dQE1+t5gGDwhOZKbCu6TLKJQN0Y9aLLbEjNoWp4CvjtX\nHwQC0hzrdvfdQ7630g8tWQZ/sohVmqUKMy6+AxyzG7dNrdxvUrgGS6acWuWK\nqimCPQN1UAeTDSUy0Oo25GIbAFGjlNUd/uRKhzBXPiMfFx7M/wHNuaRWGH03\n1i8JK0UgysJr5GjxzqwcRDd492BznC8XihnjjQSCRTkY9Yj0yk7txsUeEIGE\naiQny6826cpEg9f06o0wvh+ahW45qzPxZDUhwAqPt5KaQqv1918gYrSMBg7W\neB3osizzrJVsR7we6hQAKnwUlC8s24RFgbdRDdg/H/csjJLBRN42za7R4chl\nC2Ha\r\n=1ag8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIExMSgkyYxBF6w9GZ0Xpjmz5eoRo7tg/qh3xFVpuf+LqAiEA1dqKYO3thlbPaVPhLopavbdfnW3TeA51n+Q5TzAuW3c="}]},"_npmUser":{"name":"ali_nawaz","email":"ali029092@gmail.com"},"directories":{},"maintainers":[{"name":"ali_nawaz","email":"ali029092@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/style-kit_1.1.0_1614126533393_0.9422036813338079"},"_hasShrinkwrap":false},"1.1.1":{"name":"@ali_nawaz/style-kit","version":"1.1.1","description":"This package contain many helpful function and tools for styling you ui","main":"lib/index.js","types":"lib","scripts":{"build":"npx tsx -p .","watch":"npx tsc -w"},"repository":{"type":"git","url":"git+https://github.com/Zeal29/stylekit.git"},"keywords":["styleKit","stylekit","css","styled","components","ts","tsx","js","html","alinawaz","ali","nawaz","zeal29"],"author":{"name":"Zeal29","url":"Ali Nawaz"},"license":"MIT","bugs":{"url":"https://github.com/Zeal29/stylekit/issues"},"homepage":"https://github.com/Zeal29/stylekit#readme","dependencies":{"resize-observer-polyfill":"^1.5.1","typescript":"^4.1.5"},"gitHead":"f56e88da113b57c0f0198787aae9b901e1e8fc06","_id":"@ali_nawaz/style-kit@1.1.1","_nodeVersion":"14.15.5","_npmVersion":"6.14.11","dist":{"integrity":"sha512-OutS3c53dVSS7+VlMnFs7Cf0J2OKPK1mqrPdYsbNgC8BVDpMLsryyrLOJIof+83SzlC6rp9N6RnPrK0Hxm+Usg==","shasum":"552ba6b0904a35d9fba896acd14eb8bf3c493742","tarball":"https://registry.npmjs.org/@ali_nawaz/style-kit/-/style-kit-1.1.1.tgz","fileCount":14,"unpackedSize":20843,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNaACCRA9TVsSAnZWagAAgHAP/1xXEjUIswkDmT2ATi+F\nk8oryzkdi/pmMZesHk2g65UlboPJbzvaLtKTfhWr/VwT7jn+em4XI8rHav7b\n8BBhn/0Mvu4q/rzYrdAfjR6LqbM+n2Kcuo4eTiNg+cthDMs7alt9oGQ2eiLz\nBqO4ddCO/a2iXU73V9EwToRuuD6DiDknUB2CNCRhRXLDj0WI9VAMtnkTaV3l\ndT22bPb1q8T2/rcv6F5dGqa1VBhyVqQdP/kpAtit3BqaUTNDPPKd/EEFrskZ\nssyEc2WudF4jFrNuixFeHrtIJUjwq+plbW2V3Aoaf8OWxhzAzcYSG5DbqzPz\nzrpAiGMD0HbTlruzCXUhgBOdDTk2bSS2Aua1q1W06qgstAgjm/n7x/K2Xoyt\nYwB/fB+cHoNq14hyLjmSRtjKJgd4QoYuSSta2leD6FtKTRJBGbqHaxEMYMgr\nBtdRy0u4sW4raI5sKvOwHf8Lkl0pH2pAJZb489xWcuUWwE6SEGhsvKWW/YoC\n72acYH1WLRjVhhBUWWrMqSeRaa8waLe6H/jpoJAMWWbq5pvs1A5NbLWuFUU2\nBLAIFH7VU89g7Ido5LHk3oSJurFR1KdYtDfIPOKRi+g/FZRE24KoslB2ZMCc\nUKeYDjlszZZTEGoEFIVspz81Laetv2rL89TqgiwFBhhZYZwe/3LQ5BiLXFg9\ngKmD\r\n=tqmc\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDujLvBWd/MOJZMMYoVOcL3Cil0F4+0x2vW3yLWhY7dLQIgPIluBVpoiz16VP8JtMS5pinjPty+qTdu2nVmOU+oKo4="}]},"_npmUser":{"name":"ali_nawaz","email":"ali029092@gmail.com"},"directories":{},"maintainers":[{"name":"ali_nawaz","email":"ali029092@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/style-kit_1.1.1_1614127105614_0.5591415329471023"},"_hasShrinkwrap":false},"1.1.2":{"name":"@ali_nawaz/style-kit","version":"1.1.2","description":"This package contain many helpful function and tools for styling you ui","main":"lib/index.js","types":"lib","scripts":{"build":"npx tsx -p .","watch":"npx tsc -w"},"repository":{"type":"git","url":"git+https://github.com/Zeal29/stylekit.git"},"keywords":["styleKit","stylekit","css","styled","components","ts","tsx","js","html","interpolation","linear interpolation","fluid","fluid css","css interpolation","alinawaz","ali","nawaz","zeal29"],"author":{"name":"Zeal29","url":"Ali Nawaz"},"license":"MIT","bugs":{"url":"https://github.com/Zeal29/stylekit/issues"},"homepage":"https://github.com/Zeal29/stylekit#readme","dependencies":{"resize-observer-polyfill":"^1.5.1","typescript":"^4.1.5"},"gitHead":"90978be580c58304b3d2e8ea27dc5c53e2a86ab8","_id":"@ali_nawaz/style-kit@1.1.2","_nodeVersion":"14.15.5","_npmVersion":"6.14.11","dist":{"integrity":"sha512-PZ2UuVQ8Sb198/QX0O7NbMa8kLaARGvxJgW9WxJrLMKglsaK/Em1pjbNJXjw1J+g6yZiPtdABbVjzHtbVXX/CA==","shasum":"9439681a22a3ed22444a8693b57405fe05018650","tarball":"https://registry.npmjs.org/@ali_nawaz/style-kit/-/style-kit-1.1.2.tgz","fileCount":14,"unpackedSize":20947,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNaJJCRA9TVsSAnZWagAAjkwQAJs0KOLVR9Zhb6augM6c\nZXM0hYB4U0SNUxXCyew/f90F7VOYOWTvWgaJpCQWUqd5v4tUUr4PiPy/GE1X\nanTB4b6fOWWiZP3LBf8n1BJpRqmTM/pLr1TYUDxvyyoMVt2GLced4yjFJ9Ce\nzmOBV9MRavTOOU78711c6/95Z1y3s1nx28ZwSwECVFHofX/6LQ8vog3M8Irh\nDY3d0zl0kU1OMPwc3l9n8T/i+QpXDIE59tk74eOUp2YPVwvlvHz0iLMXxcK4\nTovwBktPxztXX80kbvsj0fxjTxxN3l7PlyfDwon/bR5E3FNgs7YyQaGCEPja\nIOUlfX8ZdDSI0qtEPi1pBxVpRezZaX5oMG/u3YKlcZ9Io+isKkTL5Md9I40j\nFzIRLs+s7eIqL76Oxe0dQ2vs5TVDIk6JmcTs3I7jhR7yvf3lPJr53HPLJO+u\n9vcPTew/dEtGneC76RmxYt8H0OvMV31ZYy3mk7DrsT6ARhb2fG0lyRi/Ga1l\nIpJ0vKUbtHMGeb8kw84w3eKHCqME/dxiauBy8/NOm0B/jNbLmZvHWPwe37RJ\n7AxHrTfaFlgAZCCIFbglfmfeE60dPP4qxSroAQNncfK8uOG5K+Pa4qMV58h8\nm0bY6DqM7c7JXZawLvNS0VPdQpcHLp4gXmV5kXrEzOQH/sGD3MzvoKA+7OAV\neSZN\r\n=LooA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBr9gG/pRJVdPI098Cyp1cttMlkWJA6vXXzO6cNEYi07AiAJirvZQZ30dftXsZBkr0ZTtfreVGSFRTvWJ2cljwtmKg=="}]},"_npmUser":{"name":"ali_nawaz","email":"ali029092@gmail.com"},"directories":{},"maintainers":[{"name":"ali_nawaz","email":"ali029092@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/style-kit_1.1.2_1614127689274_0.13936968816287143"},"_hasShrinkwrap":false},"1.1.3":{"name":"@ali_nawaz/style-kit","version":"1.1.3","description":"This package contain many helpful function and tools for styling you ui","main":"lib/index.js","types":"lib","scripts":{"build":"npx tsx -p .","watch":"npx tsc -w"},"repository":{"type":"git","url":"git+https://github.com/Zeal29/stylekit.git"},"keywords":["styleKit","stylekit","css","styled","components","ts","tsx","js","html","interpolation","linear interpolation","fluid","fluid css","css interpolation","alinawaz","ali","nawaz","zeal29"],"author":{"name":"Zeal29","url":"Ali Nawaz"},"license":"MIT","bugs":{"url":"https://github.com/Zeal29/stylekit/issues"},"homepage":"https://github.com/Zeal29/stylekit#readme","dependencies":{"resize-observer-polyfill":"^1.5.1","typescript":"^4.1.5"},"gitHead":"3033919d15ee31543a77e3e3f172e9b41d60a5fb","_id":"@ali_nawaz/style-kit@1.1.3","_nodeVersion":"14.15.5","_npmVersion":"6.14.11","dist":{"integrity":"sha512-9K5ToUTJzBYpcOh6HFh3wZ8x59Zy2C6hhiE4ZbkrKts/4Y7uAEASwUcF6M5b+zHyvPcxtlMcUUgYXZJRC1nJkg==","shasum":"c56bb1edc3938403f04679a9624c598578c8cbd8","tarball":"https://registry.npmjs.org/@ali_nawaz/style-kit/-/style-kit-1.1.3.tgz","fileCount":14,"unpackedSize":20934,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7P+9CRA9TVsSAnZWagAAHEcP/190HTCUq34zXX3Gv+Ks\nMN5OYcNyq8KJUbcdIJGzTc9AK0KH4Ks/EhlEs93S862QfbzAenJMuxFShGjC\nzKGvkc1KW/931j5k6otCrLTkS0tdBJi833wcomgY4fiprbxIhDhBC7nxOrMw\nhzsaQcuVjIxpwkPWI42a6Qbn/mgZ1BgkTXyZs7rp0kXtakLRnHNSXn6X4fzy\nr8LDqdJ5XnY2qJzH/wyMFNWV1ckvkt+lnYkNIbDcuMrWVfx/7MsYF3wQHSSI\nhbnpVbQ8K5SgI3I1rsdxIdEKoJOtnDjiK2ZiBKORV1yaBWhbP/4F9SJcJY5Q\nreijJBFwtwk0iW6KLUcsfK3t0SwhH1eMa1YmE7lWIE58pxeX2nheD1lz0owu\nlF8YodPpR2gql1Gwj/IclODbycbKq+rPOzWlZtcx8dfMJhYlrBKtRS08hPA4\nha/E4e3mEOgaWFOB3tQpxfrP5/SvquONeZoeBOKoB8xwuwBlgaQ/2QGM+j6I\nnKLyhTNRJbCQ3b7+41F2C6t7tMI3cXj7ZwwJXiu5YAfhYtnzNfKH/Bwow7ij\nChHRBfd6LVQExrdDfULQ9slICzj3CNi1q8aUs1ppjhCFqliF1rTichRrW0rH\nRyCpkNlt+njqngruFI/uYPzTc7hsypXz1NDmxEeabhpMh8o0qyKvVMDyUnVt\nlMNN\r\n=Pssn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBQgLlw4ywoFHgzXhrDitftjBZiXTb5BUXWoyxUThljHAiBqHfMzzJyHrMOteK47jVCO7zyob839HAOwcSGPuhuXPg=="}]},"_npmUser":{"name":"ali_nawaz","email":"ali029092@gmail.com"},"directories":{},"maintainers":[{"name":"ali_nawaz","email":"ali029092@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/style-kit_1.1.3_1642921916862_0.6560156362027627"},"_hasShrinkwrap":false}},"time":{"created":"2021-02-22T00:45:56.569Z","1.0.1":"2021-02-22T00:45:56.737Z","modified":"2022-04-04T12:53:20.152Z","1.1.0":"2021-02-24T00:28:53.626Z","1.1.1":"2021-02-24T00:38:25.788Z","1.1.2":"2021-02-24T00:48:09.433Z","1.1.3":"2022-01-23T07:11:57.069Z"},"maintainers":[{"name":"ali_nawaz","email":"ali029092@gmail.com"}],"description":"This package contain many helpful function and tools for styling you ui","homepage":"https://github.com/Zeal29/stylekit#readme","keywords":["styleKit","stylekit","css","styled","components","ts","tsx","js","html","interpolation","linear interpolation","fluid","fluid css","css interpolation","alinawaz","ali","nawaz","zeal29"],"repository":{"type":"git","url":"git+https://github.com/Zeal29/stylekit.git"},"author":{"name":"Zeal29","url":"Ali Nawaz"},"bugs":{"url":"https://github.com/Zeal29/stylekit/issues"},"license":"MIT","readme":"# stylekit\r\n\r\nThis package contain many helpfull function and tools for styling you ui\r\n\r\n# installation\r\n\r\n```bash\r\nnpm i @ali_nawaz/style-kit\r\n```\r\n\r\n# Setup\r\n\r\nin you main.ts or main.js file or what ever the most starting point of you app, Import the setup function and run it, If it is react app then.\r\n\r\n```javascript\r\nimport React from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport { setup } from \"@ali_nawaz/style-kit\";\r\n\r\nimport \"./index.css\";\r\nimport App from \"./App\";\r\n\r\nsetup();\r\n\r\nReactDOM.render(\r\n\t<React.StrictMode>\r\n\t\t<App />\r\n\t</React.StrictMode>,\r\n\tdocument.getElementById(\"root\"),\r\n);\r\n```\r\n\r\n# Usage\r\n\r\nit is ment to be use with styled components like that\r\n\r\n```javascript\r\nimport { intpW } from \"@alinawaz/stylekit\";\r\n\r\nimport styled from \"styled-components\";\r\n\r\nconst Box = styled.div`\r\n\tbackground-color: hsl(${intpW(\"\", [320, 0], [1920, 360])}, 90%, 50%);\r\n\r\n\theight: ${intpW(\"px\", [320, 50], [1920, 100])};\r\n\twidth: ${intpW(\"px\", [320, 50], [1920, 100])};\r\n`;\r\n\r\n```\r\n\r\nthe full code of can be look like\r\n\r\n```javascript\r\nimport React, { useState } from \"react\";\r\nimport \"./App.css\";\r\n\r\nimport { intpW } from \"@alinawaz/stylekit\";\r\n\r\nimport styled from \"styled-components\";\r\n\r\nconst Box = styled.div`\r\n\tbackground-color: hsl(${intpW(\"\", [320, 0], [1920, 360])}, 90%, 50%);\r\n\r\n\theight: ${intpW(\"px\", [320, 50], [1920, 100])};\r\n\twidth: ${intpW(\"px\", [320, 50], [1920, 100])};\r\n`;\r\n\r\nfunction App() {\r\n\tconst [count, setCount] = useState(0);\r\n\r\n\treturn (\r\n\t\t<div className=\"App\">\r\n\t\t\t<header className=\"App-header\">\r\n\t\t\t\t<h2>{intpW(\"px\", [320, 40], [1920, 65])}</h2>\r\n\t\t\t\t<Box></Box>\r\n\t\t\t</header>\r\n\t\t</div>\r\n\t);\r\n}\r\n\r\nexport default App;\r\n\r\n```\r\n\r\nthis is just a dummy example i will update the readme late\r\n\r\nwhat is intpW function is?\r\n\r\n```javascript\r\nintpW(\"px\", [320, 50], [1920, 100])\r\n```\r\n\r\nThe first parameter is the unit and the second parameter is an array of tuples [number,number] and you can add as many break points as you whish.\r\n\r\nwhat does it do?\r\n\r\nthe function will spit out a css equation which will be evaluated to 50px if the current screen size is smaller or equal to 320px or 100px if it is equals to 1920px or greater. Other wise if screen width is in the middle of 320px - 1920px the it will evaluate according to the interpolated value by the formula\r\n\r\ny <= output value\r\nx <= current screen width\r\nx1 <= 320px\r\nx2 <= 1920px\r\ny1 <= 50px\r\ny2 <= 100px\r\n\r\n`y = y1 + ((x – x1) / (x2 – x1)) * (y2 – y1)`\r\n","readmeFilename":"README.md"}