{"_id":"@adalzanabria/tailwindcss","_rev":"1-88e3b8f3eef0c16e0451adb36f62eb8b","name":"@adalzanabria/tailwindcss","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@adalzanabria/tailwindcss","version":"1.0.0","description":"🎐 Soothing pastel theme for TailwindCSS.","main":"src/index","keywords":["catpuccin","soothing","palette","tailwindcss","plugin"],"author":{"name":"Adalberto Zanabria Castro","email":"adal.zanabria@gmail.com","url":"https://github.com/AdalZanabria"},"repository":{"type":"git","url":"git+https://github.com/AdalZanabria/TailwindCSS-Catppuccin.git"},"bugs":{"url":"https://github.com/AdalZanabria/TailwindCSS-Catppuccin/issues"},"homepage":"https://github.com/AdalZanabria/TailwindCSS-Catppuccin#readme","license":"MIT","dependencies":{"tailwindcss":"^3.1.2"},"gitHead":"9ec4790704d40d3e287445af60a52095fd431ae1","_id":"@adalzanabria/tailwindcss@1.0.0","_nodeVersion":"17.3.1","_npmVersion":"8.3.0","dist":{"integrity":"sha512-LsadSpGXkNLJwLbd6tmIi39dvYsUd7rhSceOpGNhVaD8+cc1OClxmA5Ntc23qD5k3klPdsYR9PhzMZM2IqJSrw==","shasum":"60188d167337c6c2a9fd236d262e5167d22b603a","tarball":"https://registry.npmjs.org/@adalzanabria/tailwindcss/-/tailwindcss-1.0.0.tgz","fileCount":5,"unpackedSize":12366,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH/46ASnSIcWW1OxSmFysqVnDSZzFTefw+mTIS+dccMjAiA+PJEB91Yh8BlC5Nf1WIXESMMwoxt8bcsvKV0E+uHOOg=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJipoK2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrvrhAAi0Y8KFVj3PyarahBh5PtZXsFuG5qF08114ojy2iA0fxaEv5F\r\nmdeJKTpJUCXDcpLFND8IzbCUlRg6EL7ixmHLDULNx3U9WvR6dX/uQoPQfXTk\r\nmJ9v5a2Nloffagy2UO80akT/u8GwmuEWjoG6J/zZGuflk/Sg/WR89Qy7jBfA\r\nyXd5wevK3L+x5+mE4oy6g3Uo5G0MxZeSJhYbu4/L9tmJvGYC8TEiXkaC4PEU\r\n2sCXJyeB1NNhbbTNs9yi6Jmq/Y45uhxkRepaQhvSB2FdqY9eJai6/Zc/aNL5\r\n9H/pCaYbzELbVxEKQrcN0E7tVfEZUka6oi85XwxrlAu8e1x/tXGgZUotrYED\r\nTDCGAPYDf1Tstv4FqdqjfG3lW1/qmTx2bTeTqID+nDLJJNJhpBLb17et878o\r\n8G81ydoo3k3t2U7/aDWsK4NHrIbdjOCtoHs09vCL+t0AQJ5Q6Idfx2mYwDc0\r\noF6AALjhQAZ9Bw7nuzx6FGIqrVyiFofthf/Fm8m7vgy8drc5up45wgX4nQk8\r\nC0w6H3JLbN7YFuEcDfaCqJJTzBYQQWS5c5gRa3R+0mwE4K9k86WXiP2oUnpa\r\nsDlE9bexqhXUkBkV8Sc4odRQQ9iZDnm5IxBXg/AgusiXdl7NMQJ2Biy3S6sO\r\nRE/qM4WgSH+k3KdhzNt6RFgyulGjAfiZXcY=\r\n=vguj\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"adalzanabria","email":"adal.zanabria@gmail.com"},"directories":{},"maintainers":[{"name":"adalzanabria","email":"adal.zanabria@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tailwindcss_1.0.0_1655079606098_0.2562045863039415"},"_hasShrinkwrap":false},"1.0.1":{"name":"@adalzanabria/tailwindcss","version":"1.0.1","description":"🎐 Soothing pastel theme for TailwindCSS.","main":"src/index","keywords":["catpuccin","soothing","palette","tailwindcss","plugin"],"author":{"name":"Adalberto Zanabria Castro","email":"adal.zanabria@gmail.com","url":"https://github.com/AdalZanabria"},"repository":{"type":"git","url":"git+https://github.com/AdalZanabria/TailwindCSS-Catppuccin.git"},"bugs":{"url":"https://github.com/AdalZanabria/TailwindCSS-Catppuccin/issues"},"homepage":"https://github.com/AdalZanabria/TailwindCSS-Catppuccin#readme","license":"MIT","dependencies":{"tailwindcss":"^3.1.2"},"gitHead":"8d9fcfcff401c6c09e1241e741581036ee39046d","_id":"@adalzanabria/tailwindcss@1.0.1","_nodeVersion":"17.3.1","_npmVersion":"8.3.0","dist":{"integrity":"sha512-Z/fnMgjjqz9YTILeU6dOuBuqdJtIRDB/LigdHpg2lE2KmqfGbDQW2lXgekbfptGO6TozH6ebfKwSZrF+vTlU8g==","shasum":"33b23d3250c99dd8ab6d0c8c5ba03c6728debafd","tarball":"https://registry.npmjs.org/@adalzanabria/tailwindcss/-/tailwindcss-1.0.1.tgz","fileCount":5,"unpackedSize":12361,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHSMw6/kSH/243uQQJa9zPdz9m0/9VcNoML+tAy2HbT3AiAdP3pWQkdXswtP4PZOaDT0bAK0JWwCuNevPQbUd2NU4A=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJippRCACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrxtg/+OoxXk3wwAZLrPpll7S+pAdiwkX6uxAM3e7mriQupk/da85Po\r\nb/TXRRMjxK/GGKDL9YEqL3i3jMjTxITc3wz9VicN9wLFKENdVneLpDKzVq4P\r\n0lYI1vjNnQeVPubmvG9WByo0V8hzFw+eqjO0+r1B38uOCwgkX3pGc0GqZTW/\r\nhkjk9hoqPFxHxFieXFy0pqKv6sp4PdNQZIQP0GABtZCW34cr6xH4ivDr75Gp\r\nOOfC1auL9jPXuzUOtdbSVUZLo8sb03twpTzFiykgxdZ3aa0g81zTsGFCU/M1\r\nUw5TPE2yJnPPO/H6RfMF98kGjgDs7T8l8Dd6Cj9bXFsYZi3oJ3Ha218yUnIQ\r\nxym6Q6wNziqT1yRJ04FOzAYPj6C7NmekZfqgEXKPb82muJMevAjCU8vlNpxJ\r\nFcxfcxK5hdPKz1xLx1JHeds+j6Mcbds1aXDq44cFPzrNdDSGFRTKd4I0+rc1\r\n7LFVmQcREMYNkwzROwKoWTjaISf9AzcQ6XbPdKeIQLH43adaqQIJmMHaMxBH\r\nFfAmVpaVLhRo9wMZKVrq7wmnuq5y1A2EHJhJV/WQIUkrnOaHpf0YGCDxBpK4\r\nm0RABAZlLAzRUzlPc/FEPbVmBtx6P1JHbD1UYAliVZmVa8UJw7NvYQowvbfB\r\n4xXPKm0VWFlZz4kZcpqNWBSvu/MsU3WtuYU=\r\n=iDcV\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"adalzanabria","email":"adal.zanabria@gmail.com"},"directories":{},"maintainers":[{"name":"adalzanabria","email":"adal.zanabria@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tailwindcss_1.0.1_1655084098417_0.5554534232396144"},"_hasShrinkwrap":false}},"time":{"created":"2022-06-13T00:20:06.038Z","1.0.0":"2022-06-13T00:20:06.267Z","modified":"2022-06-13T01:34:58.607Z","1.0.1":"2022-06-13T01:34:58.533Z"},"maintainers":[{"name":"adalzanabria","email":"adal.zanabria@gmail.com"}],"description":"🎐 Soothing pastel theme for TailwindCSS.","homepage":"https://github.com/AdalZanabria/TailwindCSS-Catppuccin#readme","keywords":["catpuccin","soothing","palette","tailwindcss","plugin"],"repository":{"type":"git","url":"git+https://github.com/AdalZanabria/TailwindCSS-Catppuccin.git"},"author":{"name":"Adalberto Zanabria Castro","email":"adal.zanabria@gmail.com","url":"https://github.com/AdalZanabria"},"bugs":{"url":"https://github.com/AdalZanabria/TailwindCSS-Catppuccin/issues"},"license":"MIT","readme":"<h3 align=\"center\">\n\t<img src=\"https://raw.githubusercontent.com/catppuccin/catppuccin/dev/assets/logos/exports/1544x1544_circle.png\" width=\"100\" alt=\"Logo\"/><br/>\n\t<img src=\"https://raw.githubusercontent.com/catppuccin/catppuccin/dev/assets/misc/transparent.png\" height=\"30\" width=\"0px\"/>\n\tCatppuccin for TailwindCSS\n\t<img src=\"https://raw.githubusercontent.com/catppuccin/catppuccin/dev/assets/misc/transparent.png\" height=\"30\" width=\"0px\"/>\n</h3>\n\n<p align=\"center\">\n    <a href=\"https://github.com/catppuccin/template/stargazers\"><img src=\"https://img.shields.io/github/stars/catppuccin/template?colorA=1e1e28&colorB=c9cbff&style=for-the-badge&logo=starship\"></a>\n    <a href=\"https://github.com/catppuccin/template/issues\"><img src=\"https://img.shields.io/github/issues/catppuccin/template?colorA=1e1e28&colorB=f7be95&style=for-the-badge\"></a>\n    <a href=\"https://github.com/catppuccin/template/contributors\"><img src=\"https://img.shields.io/github/contributors/catppuccin/template?colorA=1e1e28&colorB=b1e1a6&style=for-the-badge\"></a>\n</p>\n\n<p align=\"center\">\n  <img src=\"./assets/ss.png\"/>\n</p>\n\n## Usage\n\n1. Install the npm package\n\n-   with npm:\n\n```bash\nnpm i -D @adalzanabria/tailwindcss\n```\n\n-   with yarn:\n\n```bash\nyarn add -D @adalzanabria/tailwindcss\n```\n\n2. Add the plugin into your `tailwind.config.js` file\n\n```javascript\nplugins: [require(\"@adalzanabria/tailwindcss\")],\n```\n3. Add an import of the palettes to the first line of your main css file were you use your Tailwind directives:\n```bash\n@import '@adalzanabria/tailwindcss';\n```\n- _Note: If you are using TailwindCSS 3.1+ with the CLI, `@import` works out of the box, if you are using TailwindCSS as a PostCSS plugin, you need to install the `postcss-import` plugin and add it to your `postcss.config.js` to be able to use `@import`._\n\n4. Use the colors in any utility class that supports them. All colors are prefixed by the `ctp` keyword, the default palette is _`latte`_. For example:\n\n```html\n<p className=\"text-ctp-mauve\">\n    This is a paragraph with the color mauve.\n</p>\n```\n\n```html\n<div className=\"bg-ctp-flamingo\">\n    This is a div with the background color of flamingo.\n</div>\n```\n5. To use different palettes, add one of the following classes to the container of the elements:\n- `theme-frappe`\n- `theme-macchiato`\n- `theme-mocha`\n- If no theme class is used, the `latte` theme will be used as default. For example:\n```html\n<div>\n    <p className=\"text-ctp-pink\">\n        This is a paragraph with the color pink of the latte palette.\n    </p>\n</div>\n<div className=\"theme-frappe\">\n    <!--All elements inside this div will use the frappe palette.-->\n    <p className=\"text-ctp-pink\">\n        This is a paragraph with the color pink of the frappe palette.\n    </p>\n</div>\n<div className=\"theme-macchiato\">\n    <!--All elements inside this div will use the macchiato palette.-->\n    <p className=\"text-ctp-pink\">\n        This is a paragraph with the color pink of the macchiato palette.\n    </p>\n</div>\n<div className=\"theme-mocha\">\n    <!--All elements inside this div will use the mocha palette.-->\n    <p className=\"text-ctp-pink\">\n        This is a paragraph with the color pink of the mocha palette.\n    </p>\n</div>\n```\n\n6. Using the `Tailwind CSS IntelliSense` extension for VS Code is adviced to preview the class names, but not necessary.\n\n## 🙋 FAQ (optional)\n\n-   Q: **_\"Will I be able to use the regular colors that come with Tailwind CSS after installing this plugin?\"_**\n\n    A: Yes, this plugin only extends the original colors and you can still add your own in the `tailwind.config.js` file like you normally would.\n\n-   Q: **_\"Colors are not working!\"_**\n\n    A: This plugin was made for Tailwind CSS 3.0+, previous versions may not work.\n\n## 💝 Thanks to\n\n-   [Adal Zanabria](https://github.com/AdalZanabria)\n\n&nbsp;\n\n<p align=\"center\"><img src=\"https://raw.githubusercontent.com/catppuccin/catppuccin/dev/assets/footers/gray0_ctp_on_line.svg?sanitize=true\" /></p>\n<p align=\"center\">Copyright &copy; 2021-present <a href=\"https://github.com/catppuccin\" target=\"_blank\">Catppuccin Org</a>\n<p align=\"center\"><a href=\"https://github.com/catppuccin/catppuccin/blob/main/LICENSE\"><img src=\"https://img.shields.io/static/v1.svg?style=for-the-badge&label=License&message=MIT&logoColor=d9e0ee&colorA=302d41&colorB=c9cbff\"/></a></p>\n","readmeFilename":"README.md"}