{"_id":"@billyfagan/text-fluid-modular","_rev":"4-3c516e6e33ebd34852dccde79eafae91","name":"@billyfagan/text-fluid-modular","dist-tags":{"latest":"0.0.4"},"versions":{"0.0.1":{"name":"@billyfagan/text-fluid-modular","version":"0.0.1","description":"TailwindCSS plugin to allow modular scale for text in fluid layouts.","main":"index.js","dependencies":{"modularscale-js":"^3.0.1"},"devDependencies":{},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"MIT","_id":"@billyfagan/text-fluid-modular@0.0.1","_nodeVersion":"11.13.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-zeL577Vzg+dxw4qJ5wXt3MGikh2XGkbtTW6h38s6IYuG3nM8B7mrfO3kqU5GB2ZwBpxSNXcWDbK+O8mkp2+y3A==","shasum":"0a818746a12ab32ad2530d01bc253926a2e821ec","tarball":"https://registry.npmjs.org/@billyfagan/text-fluid-modular/-/text-fluid-modular-0.0.1.tgz","fileCount":2,"unpackedSize":1530,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdANonCRA9TVsSAnZWagAAc4UP/0gmFoDeV97zMsP+OpXs\n8xokL3m4NlES9Rz9Gxr+08HAU4JbXrhxl7PmI8dc5njd3YF3bA1a9M9rburc\nNSJ1PDs1FdGE/ockuchs3m295q0rWvMuKpbBZVVGcSzJi/+dgsPuhmasTDkN\nSRiS4wdmpcc5A3PHddEKA+GL8FfQDxEAKQdX0CR4RN1VA6XppUGrZTyW8YAe\nmDzOnlJzEo/79elEonnVsOMQbIqO7sSrpYLaPwkDiakvODtv84QQvWnrDO7S\nHF5m5uPxgF1a3tlEwrkKb+pADr4chVFMmw9tlCMNdiz3VhMrLiBcx+g62vNr\ndvUtRAYqRgLYJbxlxJOM7ynIkrnK+pRcKbVPUT2RpwR6gEyPXsk3CcaN+UA9\n4uqA3LG7Hx8bM2IGr9sgKtHkju0MZ7wVrmrn0z5hIqQQvbY8gUZDXAHnBCSs\nZ6mPRGEVP44ZDrKIuGbdf4fwQZl3Lg8BvXgs6l9e7viOb5A6cnp7ij5xxX8l\n90XjtyS47b3JAQKHJFw40pV3ndEzKLHdmaZAiJN4aT6wYg8E1I7IcOSAzYrg\nlPkFiq8nb9rLTgPF5UcAXre6wAJfKVPbBlpw29BZu7e7G9+xxnseSq6k+dkA\nKKXo6ekElzqZNVWe1j5dC+Anmsqp6HU6ScLBr5Fe+YiOEdwilROx0eDDMvVG\ngJ2R\r\n=L9cw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEXECmir4iYVqheaQL17jTHrGYvMiZLG6Wit4d8Ex+aAAiEA1mV6PwyScDOjMEoiMspxY4upusGIfR26qMDZmEZSTos="}]},"maintainers":[{"name":"cowboyecosse","email":"billy@billyfagan.co.uk"}],"_npmUser":{"name":"cowboyecosse","email":"billy@billyfagan.co.uk"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/text-fluid-modular_0.0.1_1560336934767_0.8274247694793793"},"_hasShrinkwrap":false},"0.0.2":{"name":"@billyfagan/text-fluid-modular","version":"0.0.2","description":"TailwindCSS plugin to allow modular scale for text in fluid layouts.","main":"index.js","dependencies":{"modularscale-js":"^3.0.1"},"devDependencies":{},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"MIT","_id":"@billyfagan/text-fluid-modular@0.0.2","_nodeVersion":"11.13.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-bKIG0SMYXMMLAA7lxPmeQ8K97dq1o78RwY8rHoM7CvsmARWlSRhSUyLMUXcVuoLUkEnJt0sT6Txx5uJZ2m7zlw==","shasum":"943c85e010700597366ded9ea5f80dab785c2eea","tarball":"https://registry.npmjs.org/@billyfagan/text-fluid-modular/-/text-fluid-modular-0.0.2.tgz","fileCount":3,"unpackedSize":2331,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdAN5HCRA9TVsSAnZWagAAHm0P/1Iw47ytGXyYN164RgfV\n2AK8wCeN4FTQdmbWIzxnd6xFfedU60CPb0u7bOSnImb6sPGiMrRZFEXvf+6b\nlW7KjVte9oAbW+ybxtAmsn379nFEMm8P4c2FCdQVp5aVYWWLo9jPvcGAD2k/\n0BXZxvzt9GofE22AKkZqHRmMO8R81FTQuQ4pbjz2u6YP6Nd2ARgd5SkI0EIn\nI1FNp7LBGURR/GJzvoTvvIYAXYb7IWIO/2oBYlbnQey3LF4aFlRJViX3VXC7\n5YXzuUXakks6BoemonMM4KYOIecs5LRyPWHiNOMmz9uvHsBFu5xkRL7M6B9m\nVPk9Wz5u5VOfUAPNuMW9IKW0NI/fwIchMaC/Uj5YlvbBC8F2joRyhSDmv2ec\npydxTWSBMzQZh5PGg9j47T5S2GSMM3kIx7BTa7KdxhhfqYn9Eprp27lq5Miq\nnqjdM4oc611W7EAB7dnLXWH8UB/cjdeew91dU1nUE0vOqXXmQS8o8ySb0W54\nBPiUPhUcekSdbUWRhX1BkOI2a1hQV6fDq39lVzXhvAFISEtDF+OdBE7xU5L/\nHsqC2W2qQa410Wv8lhXi59TFXSFgPL0VWxQt/1XHnSmUz8vC1DxqbsjLlXST\nToAMWYdbjilR9ED/LEE/L3dGCURpOE1EGyxEyPAv3atmvRSDcMAJf59oBKzb\nFEbC\r\n=ptiD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD/lRKvN55QTqcAbs0R8ue9cwxOwgkEp93xpQEgpt0OOQIgQFutdnhce2M9dUg84ElgPWUd6u4vxbULsU/0WXWZnlE="}]},"maintainers":[{"name":"cowboyecosse","email":"billy@billyfagan.co.uk"}],"_npmUser":{"name":"cowboyecosse","email":"billy@billyfagan.co.uk"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/text-fluid-modular_0.0.2_1560337990493_0.540334564699235"},"_hasShrinkwrap":false},"0.0.3":{"name":"@billyfagan/text-fluid-modular","version":"0.0.3","description":"TailwindCSS plugin to allow modular scale for text in fluid layouts.","main":"index.js","dependencies":{"modularscale-js":"^3.0.1"},"devDependencies":{},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"MIT","_id":"@billyfagan/text-fluid-modular@0.0.3","_nodeVersion":"11.13.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-uQDZyL45I4EX+cdnjbTAxpDtV3aZX9zvzqajcp55sSnG+mQd/vV5/NzpHwFrwQHwXjkkMM5Uq7Mv6OSDxdsB4g==","shasum":"66b3af1c2cab806e0c1e4c79437872811719f9df","tarball":"https://registry.npmjs.org/@billyfagan/text-fluid-modular/-/text-fluid-modular-0.0.3.tgz","fileCount":3,"unpackedSize":2331,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdAN51CRA9TVsSAnZWagAABB8P/2LIO6elcCyXpSN8wpZa\nhv0l/g/xGQ9OM6EP9xMgtITjyztse8deUNAwZPtOa/aCXE2v87THmzC8mMUx\nsEwkxfm2DzOBg84PparGAzt0l5jNDiyclxYIeeV1wX+SomCyVX0+kSp1HFvx\nmWzOF7UD21jA44pTv26xWDt9638XOLhT2kmeCoG9iN1LUIBqhb0krls9p5a/\nWK1g6p24OV2k/XAgNIE2F14tOH0aSEg410ELCD0Ry16ugfYGrxLPEW5RlXK6\n13AkDg/aVifjXXMgPplsQdUqUTxgJ2XB9KPDwd5PnZwfYIbVZOnP0GkdiQFY\nQfZ/Jy7CUzfVxKi4MEORMc0Wi3Ysc66usRx1nr2zhb/Tm2abpa95s6O/ln3g\nn8uc4f90GLhMqURGHra2oRiFNtDk2ts1BpaUomPRbMIM53BqiexEGYcyMM4u\nLlzpxUeWpTGF/OsaLW/fg2dqpQAH250vwqHKjNa6L2IesqdEU7XxVvf2wLcJ\nKc8AF/0bIo5vyPM7Y+zHzhUCXnFq5g1iufdRPTIb+8w/RxuhPLwqHCzYsEoj\ncWcIFet606WK+a16pAq16tkQSp/PX6RwPsn6NI8vkpCYHikfgyNsn/DB3wwK\nTEihuENdpm57xYl0N1Mij5cVdHejnE2KONm51RxoC2kI3G3anldgLtd3gEeN\nPIDb\r\n=Vmoj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC1nznbRpTt51wdbpiDepbtGFmL6Ny+DdCFQpUEuYGtSwIhAPUizA727ogekfj1V9zdkgwocyVs5JMV1ZT/jzbLPaJw"}]},"maintainers":[{"name":"cowboyecosse","email":"billy@billyfagan.co.uk"}],"_npmUser":{"name":"cowboyecosse","email":"billy@billyfagan.co.uk"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/text-fluid-modular_0.0.3_1560338037434_0.6748525635717162"},"_hasShrinkwrap":false},"0.0.4":{"name":"@billyfagan/text-fluid-modular","version":"0.0.4","description":"TailwindCSS plugin to allow modular scale for text in fluid layouts.","main":"index.js","dependencies":{"modularscale-js":"^3.0.1"},"devDependencies":{},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"MIT","_id":"@billyfagan/text-fluid-modular@0.0.4","_nodeVersion":"11.13.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-o7MZq7HbIwqnzvvEG2APGG31S+ydnoJSxejrSVZIpCav0cM31ItrY9OXcR9fJrrSx3Cilw5H12wb8vBCZWpFbQ==","shasum":"317eb83586fd319ed317dc5a4f8fbe77096c6122","tarball":"https://registry.npmjs.org/@billyfagan/text-fluid-modular/-/text-fluid-modular-0.0.4.tgz","fileCount":3,"unpackedSize":3304,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdAOF8CRA9TVsSAnZWagAAd8MP/3w/d0soIOEpLyjErsQD\n/ynIoAOObY1csH6g3j3rJvjHHUzdM82zX4/xOOVL5lbN/yU0BF4REob5ERMJ\nEwGTkAYZEIL2eKXORtw2GYxWFPJhhY5iNvKcRkDuCvpbics340FJlwZGO1G8\nVjQDMXss3EDQUGBDyp2fcXldCqXoQbTpyFX9LWjQbD/9ogPI2Tcb6Mlet5ad\nIpknTH3DLLZFXjZ3mSpUAxc4XZQaVuip3vorJgyHFYI7BoVXXBtWHjc732RS\nZkY836YT0BPT2S9Q09Eh0UzsJriCquPTKHWR5mbCxK1qNVh2Cm0LQ5LkH9xj\n9IbFvUwcxvgER9L09rwFTaycQsIV17CZ5OVu1Mx9HfRfPpaMJagFpygZhOs3\nGDjVeuJXdZwano1P6P3/IpyQZnPh9C7Z8lxmP0AgXAOXVBOP+W5Xfc7EkZd/\nnEQGT53DTDTX+CJZkOv+uTjOLpx/cNQEakJR3jYIXIepl+zW0l0CaSGwIHtY\naIV38CY5Aka0gRA+OCS9l0MFMrusu1HQJA5VAa8hcVteWDnKhCrrqELG7++u\nK9UzPgbT9k7BOpHmIvMuFhzNbYIMYj2wwUqFI4EdOr2v1Nk7gbM4kwTUmMty\nqBgW2E9tEC89F57bwzbafpEEV++dPbG7Ki6Vjhln4J26Z9q+8XFEZ6HbrKql\nSbyy\r\n=2nSE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID7l24o0NIoLZMoQLNrJSb43SIa/3Y1eDMmJ+eyAvUchAiAy7dXgN/xeeeZzF1ZlexgTYy4LA0uqQveItq7BqVbSrg=="}]},"maintainers":[{"name":"cowboyecosse","email":"billy@billyfagan.co.uk"}],"_npmUser":{"name":"cowboyecosse","email":"billy@billyfagan.co.uk"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/text-fluid-modular_0.0.4_1560338812315_0.7218565388528069"},"_hasShrinkwrap":false}},"time":{"created":"2019-06-12T10:55:34.566Z","0.0.1":"2019-06-12T10:55:34.897Z","modified":"2022-04-04T18:50:42.550Z","0.0.2":"2019-06-12T11:13:10.589Z","0.0.3":"2019-06-12T11:13:57.531Z","0.0.4":"2019-06-12T11:26:52.430Z"},"maintainers":[{"name":"cowboyecosse","email":"billy@billyfagan.co.uk"}],"description":"TailwindCSS plugin to allow modular scale for text in fluid layouts.","license":"MIT","readme":"# Tailwind text fluid modular scale plugin\n\n## Credits\n#### Heavily based off [TailwindCSS Modular Scale Plugin](https://github.com/artisanstudio/tailwindcss-modularscale).\n\n## Installation\nInstall using npm `npm install @billyfagan/text-fluid-modular --save-dev`\n\n## Configuration\nExample tailwind configs:\n\nSimple;\n```\nmodule.exports = {\n…\n  plugins: [\n    require('@billyfagan/text-fluid-modular')({})\n  ]\n}\n```\n\nAll options (shown are the defaults);\n```\nmodule.exports = {\n  plugins: [\n    require('@billyfagan/text-fluid-modular')({\n    sizes : [\n          {size: 'sm', value: -1},\n          {size: 'base', value: 0},\n          {size: 'lg', value: 1},\n          {size: 'xl', value: 2},\n          {size: '2xl', value: 3},\n          {size: '3xl', value: 4},\n          {size: '4xl', value: 5}\n        ],\n      base: 16,\n      ratio: 1.33,\n      unit: 'px',\n      minWidth: '400',\n      maxWidth: '1200'\n    })\n  ]\n}\n```\n\n# Usage\nThis package gives you new utility classes `.text-fluid-ms-{size}` to [resize text responsively](https://www.madebymike.com.au/writing/precise-control-responsive-typography/) \n\nThis is the output using defaults;\n\n```css\n.text-fluid-ms-sm {\n  font-size: calc(9px + (12 - 9) * ((100vw - 400px)/(1200 - 400)));\n}\n\n.text-fluid-ms-base {\n  font-size: calc(12px + (16 - 12) * ((100vw - 400px)/(1200 - 400)));\n}\n\n.text-fluid-ms-lg {\n  font-size: calc(16px + (21 - 16) * ((100vw - 400px)/(1200 - 400)));\n}\n\n.text-fluid-ms-xl {\n  font-size: calc(21px + (28 - 21) * ((100vw - 400px)/(1200 - 400)));\n}\n\n.text-fluid-ms-2xl {\n  font-size: calc(28px + (38 - 28) * ((100vw - 400px)/(1200 - 400)));\n}\n\n.text-fluid-ms-3xl {\n  font-size: calc(38px + (50 - 38) * ((100vw - 400px)/(1200 - 400)));\n}\n\n.text-fluid-ms-4xl {\n  font-size: calc(50px + (67 - 50) * ((100vw - 400px)/(1200 - 400)));\n}\n``` \n\n# Changelog\n\n## 0.0.4\n* Add usage and output example\n\n## 0.0.3\n* Add readme\n* Change default maxWidth paramater to 1200\n\n## 0.0.1\n* Initial Release\n","readmeFilename":"README.md"}