{"id":13493723,"url":"https://github.com/robbevp/postcss-multiple-tailwind","last_synced_at":"2025-03-28T12:32:18.329Z","repository":{"id":38038299,"uuid":"358874665","full_name":"robbevp/postcss-multiple-tailwind","owner":"robbevp","description":"Easily handle multiple tailwindcss configs within your project.","archived":true,"fork":false,"pushed_at":"2023-08-26T04:51:39.000Z","size":1259,"stargazers_count":43,"open_issues_count":8,"forks_count":0,"subscribers_count":4,"default_branch":"main","last_synced_at":"2024-04-14T08:42:00.168Z","etag":null,"topics":["postcss","postcss-plugin","tailwindcss"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/robbevp.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2021-04-17T12:35:53.000Z","updated_at":"2024-03-20T17:33:41.000Z","dependencies_parsed_at":"2024-01-16T09:52:24.302Z","dependency_job_id":"1b5e4ce6-ede2-4696-b4da-ebc10ca32adb","html_url":"https://github.com/robbevp/postcss-multiple-tailwind","commit_stats":{"total_commits":200,"total_committers":2,"mean_commits":100.0,"dds":0.235,"last_synced_commit":"6fb03af4aec1e10852a722ba07deb62f01a5903a"},"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/robbevp%2Fpostcss-multiple-tailwind","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/robbevp%2Fpostcss-multiple-tailwind/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/robbevp%2Fpostcss-multiple-tailwind/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/robbevp%2Fpostcss-multiple-tailwind/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/robbevp","download_url":"https://codeload.github.com/robbevp/postcss-multiple-tailwind/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246030664,"owners_count":20712416,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["postcss","postcss-plugin","tailwindcss"],"created_at":"2024-07-31T19:01:18.159Z","updated_at":"2025-03-28T12:32:13.322Z","avatar_url":"https://github.com/robbevp.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"**⛔️ Warning: Tailwindcss broke this plugin with their v3.3.3 release. Since there has been an [a builtin directive](https://tailwindcss.com/docs/functions-and-directives#config) for multiple configration since Tailwindcss v2.3, this plugin won't get any updates and will soon be archived ⛔️**\n\n# PostCSS-Multiple-Tailwind\n\n[PostCSS](https://github.com/postcss/postcss) plugin to process multiple tailwindcss configs easily.\n\n```\n+-- admin\n|   +-- index.css\n|   +-- tailwind.config.js\n+-- front-end\n|   +-- index.css\n|   +-- tailwind.config.js\n+-- postcss.config.js\n+-- package.json\n```\n\nThis allows you to have a different theme for the two css files, or have different purge settings for both. (The [configurations presets](https://tailwindcss.com/docs/presets) are very handy to allow all your configurations to share the same base.)\n\n## Basic usage\n**Add `@multiple-tailwind;` to your input files.**\n\n```css\n@multiple-tailwind;\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n```\n\nPostcss-multiple-tailwind will insert tailwindcss into the postcss process with the `tailwind.config.js` in the same folder as the input file.\n\nYou can also provide a different filename:\n\n```css\n@multiple-tailwind tailwind-admin.config.js;\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n```\n## Installation\n\n**Step 1:** Install plugin:\n\n```sh\nyarn add -D postcss-multiple-tailwind\n```\nNote that you also should already have postcss and tailwindcss installed.\n\n\n**Step 2:** Add the plugin to plugins list and remove tailwindcss:\n\n```diff\nmodule.exports = {\n  plugins: [\n-   require('tailwindcss'),\n+   require('postcss-multiple-tailwind'),\n    require('autoprefixer')\n  ]\n}\n```\n## Options\n| Property        | Type                                                   | Description                                                                                                                             |\n| --------------- | ------------------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------- |\n| mode            | \"manual\", \"auto\" \u003cbr\u003e **Default: \"manual\"**            | The mode determines whether `@multiple-tailwind;` is required in each file to be processed. When setting to auto, it is not required.   |\n| defaultConfig   | string \u003cbr\u003e **Default: \"tailwind.config.js\"**          | The configuration file that should be used when none is specified                                                                       |\n\nThis config would look something like\n```js\nmodule.exports = {\n  plugins: [\n    require('postcss-multiple-tailwind')({ mode: 'auto', defaultConfig: 'my-app-styles.config.js' }),\n    require('autoprefixer')\n  ]\n}\n``` \n## Contributing\n\nBug reports and pull requests are welcome on GitHub at https://github.com/robbevp/postcss-multiple-tailwind. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the Contributor Covenant code of conduct.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frobbevp%2Fpostcss-multiple-tailwind","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frobbevp%2Fpostcss-multiple-tailwind","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frobbevp%2Fpostcss-multiple-tailwind/lists"}