{"_id":"@ellreka/tailwindcss-nth-child","_rev":"2-9405e270e9a21adcce9df2e940b532e6","name":"@ellreka/tailwindcss-nth-child","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@ellreka/tailwindcss-nth-child","version":"1.0.0","author":{"name":"ellreka"},"main":"index.js","license":"MIT","repository":{"type":"git","url":"git+https://github.com/ellreka/tailwindcss-nth-child.git"},"devDependencies":{"@ellreka/configs":"^1.1.5"},"gitHead":"05dc35274c36d038b5a010268477e99d81aa8699","description":"## Install","bugs":{"url":"https://github.com/ellreka/tailwindcss-nth-child/issues"},"homepage":"https://github.com/ellreka/tailwindcss-nth-child#readme","_id":"@ellreka/tailwindcss-nth-child@1.0.0","_nodeVersion":"12.10.0","_npmVersion":"6.10.3","dist":{"integrity":"sha512-b9whftOsPUhC0px4usRqUFJBnuDmKBJuk1ejiBFDN4EQVMkRCmtGn5nQ0gIkeFuFjPMT+Q9/g3WBZmiLC0Tu8A==","shasum":"2075facc55431cb1c858dd603eb10b26e73f3a52","tarball":"https://registry.npmjs.org/@ellreka/tailwindcss-nth-child/-/tailwindcss-nth-child-1.0.0.tgz","fileCount":6,"unpackedSize":1368,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfso2ZCRA9TVsSAnZWagAAYoEP/jja7aKUOcDg/V6dAyg7\nZmrSvENfACW3WFBW2b2DTBuJQsh9vnbVayclQDInAtc98y5p6ddpTDvBfUs8\ni9fxmKSBHDKIdFzsLUghxx3IGq+LsByuJsxm7rW/JzCPdSfH/tvpFNwDvaXo\nyZWWC2ci7CmNg8gYHcx8feXIfqviPbyuspOPTDDVE84sfLsGsyiH023TnPfV\nc3GUJ8iQ7A9NXUO7/Q7EvloN1j45N++3+eiQJEeDuQwsiKEEQIwQBmS/WQtL\nHsoKMR86JuvdwCEtmanAMVqhoVwezj4upxO2+wG6tjHL+dnzOiRNFmrdcY3b\n7PH9fpXRHlgck9JoXAV7GKtDeBxtK1Guf4+RbNrDNZJxMP4Vrmk5WNf1PwSh\n3qOU+HwXfRK4aaarLm0YGP7Xe0m1bDNXuX4AFv/XJxPa+Wjw1tGJSs0gn+06\n9iCdQ+stqNLiGmtI24r+WTwmWLvcqIf1gbWUGyrtDEnDpJ3mQglukFqXz5rL\nzqPJQ3cqTe4yEJleUkRZZw3L97it6UJy3An79jmcfLC4exz9jAcVJz5lt/3Y\nyxsMxmMgaArYXvl+tWRVJEuj1pRyQzioJV8kwLE3DXiqHGKXrFmTbCC6AKBZ\nfNpWPEXfLyZXU5VgkMyn/aRKbFsNjEADUYzKB3hr5VDu3VZKw3aWLZ3J/2Sl\nkQsK\r\n=vUpE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHuu498NlYPxLBhy0MfJikY5a+ZezX+JmSgvHNJ8uIy/AiBr1cGOBoNbQwYzMam1un3/eSSOGUZY14xolWdjUoF5KQ=="}]},"_npmUser":{"name":"ellreka","email":"ellreka5364@gmail.com"},"directories":{},"maintainers":[{"name":"ellreka","email":"ellreka5364@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tailwindcss-nth-child_1.0.0_1605537176814_0.36516036212359704"},"_hasShrinkwrap":false},"1.0.1":{"name":"@ellreka/tailwindcss-nth-child","version":"1.0.1","author":{"name":"ellreka"},"main":"index.js","license":"MIT","repository":{"type":"git","url":"git+https://github.com/ellreka/tailwindcss-nth-child.git"},"devDependencies":{"@ellreka/configs":"^1.1.5"},"gitHead":"37a3ad69a3c85d458f91bb7bb66a1467c06d90db","description":"Tailwind CSS plugin to generate [nth-child](https://developer.mozilla.org/docs/Web/CSS/:nth-child) variants","bugs":{"url":"https://github.com/ellreka/tailwindcss-nth-child/issues"},"homepage":"https://github.com/ellreka/tailwindcss-nth-child#readme","_id":"@ellreka/tailwindcss-nth-child@1.0.1","_nodeVersion":"12.10.0","_npmVersion":"6.10.3","dist":{"integrity":"sha512-4PbYjljfo1fBbYWRYfGhGMqEDhRzoBwSS8/SVopEnKUu5/ARg1Dvf67Yjm6Tb2bsFGdPg1c0JkW4blx8lUPE0g==","shasum":"9a11a14696ba8b7f02a842ca48d159527d3ce3fb","tarball":"https://registry.npmjs.org/@ellreka/tailwindcss-nth-child/-/tailwindcss-nth-child-1.0.1.tgz","fileCount":3,"unpackedSize":1688,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfsplsCRA9TVsSAnZWagAAxtcP/A/C61VG/r1FPdG1BYTq\naiDiKmo8hERw59JgLpzCwDDTPlYW2rd06dZ0YpNJxSWOnOeFI+gSxhR0PN4r\nxV9ysnJ0oJQRzI0HWj6oeqrj6aYhy01P0Rqx8oeq1tm4H+3Vmb0P8gknZnp7\n7qkHJNCx4AYGqbjmx0tfKz6pBPPoU7DOD/HP0tCea0E9fxoWbRwnFGg51vqY\nrXCJE13SibM5yrz6UPeqejN/qdfaa2FdPM1QepAj3b+ZR6qmoJeS3w6czane\nP5P645hk6UazfZa9z6va6NP+SxMyyk4NSG8trSd5AM2/ZAzFLLjopO3f04bQ\n3nnEYQQJoD881Lku1Nq8kyFMYAiaygWGp9CQWthn1VbDUwRbu0pz1ZcfZsGF\nrefqKHQiPRm9CfX3za/wAYqGNT1oBUZmP/LE4ybWQRnA2I1eJxeGMEFTmZ/v\n2wEx8ow3nZn6BxTl1KRuIXDYhTT9/FiolhiBLYb2h/XxCre4wqMINYcthQ/E\nwWI8+c6SKjifRVHqKP9OxMfhmQq9rQ06f62dXOOzB/xMexL8iNgvA2VnGOr1\nbl13+F7UWvBjb/y0ywMOQa37H97QSheVFNiSlatqhIaBF6h48zuEYyPMcQzd\nLvqLvgi0VRSzYUT/nfh5Ax4ADN01y0UaO+qJjp4WLZc8gDfjtZCNwmvEqM9G\nabA+\r\n=xRsK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHs4MdmE6ayGNeYxcCdOuYxiak3S1xTDDTjVUTbktBWGAiBUB9VKzS4APOTIKEkaYhuO2UW93DUZODetlEAEBnmKHw=="}]},"_npmUser":{"name":"ellreka","email":"ellreka5364@gmail.com"},"directories":{},"maintainers":[{"name":"ellreka","email":"ellreka5364@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tailwindcss-nth-child_1.0.1_1605540203854_0.34284592650747103"},"_hasShrinkwrap":false}},"time":{"created":"2020-11-16T14:32:56.764Z","1.0.0":"2020-11-16T14:32:56.959Z","modified":"2022-04-05T07:21:18.157Z","1.0.1":"2020-11-16T15:23:24.027Z"},"maintainers":[{"name":"ellreka","email":"ellreka5364@gmail.com"}],"description":"Tailwind CSS plugin to generate [nth-child](https://developer.mozilla.org/docs/Web/CSS/:nth-child) variants","homepage":"https://github.com/ellreka/tailwindcss-nth-child#readme","repository":{"type":"git","url":"git+https://github.com/ellreka/tailwindcss-nth-child.git"},"author":{"name":"ellreka"},"bugs":{"url":"https://github.com/ellreka/tailwindcss-nth-child/issues"},"license":"MIT","readme":"# @ellreka/tailwindcss-nth-child\n\nTailwind CSS plugin to generate [nth-child](https://developer.mozilla.org/docs/Web/CSS/:nth-child) variants\n\n## Install\n\n```bash\nyarn add -D @ellreka/tailwindcss-nth-child\n```\n\ntailwind.config.js\n\n```javascript\nplugins: [require('tailwindcss-nth-child')(['3n', '-n+3'])]\n```\n\n## Usage\n\n```javascript\nvariants: {\n  textColor: ({ after }) => after(['nth-child-3n', 'nth-child--n+3'])\n}\n```\n\n## Example\n\n### **:nth-child(3n)**\n\n```jsx\n<ul>\n  {[1, 2, 3, 4, 5, 6].map((v) => (\n    <li key={v} className=\"nth-child-3n:text-red-500\">\n      foo_{v}\n    </li>\n  ))}\n</ul>\n```\n\n↓\n\n```js\n・foo_1\n・foo_2\n・foo_3 // textColor is red\n・foo_4\n・foo_5\n・foo_6 // textColor is red\n```\n\n### **:nth-child(-n+3)**\n\n```jsx\n<ul>\n  {[1, 2, 3, 4, 5, 6].map((v) => (\n    <li key={v} className=\"nth-child--n+3:text-red-500\">\n      bar_{v}\n    </li>\n  ))}\n</ul>\n```\n\n↓\n\n```js\n・bar_1 // textColor is red\n・bar_2 // textColor is red\n・bar_3 // textColor is red\n・bar_4\n・bar_5\n・bar_6\n```\n","readmeFilename":"README.md"}