{"id":15392118,"url":"https://github.com/sudoaugustin/tailpile","last_synced_at":"2025-06-27T11:32:29.696Z","repository":{"id":37245623,"uuid":"431913124","full_name":"sudoaugustin/tailpile","owner":"sudoaugustin","description":"Transpile tailwindcss into purecss files on save.","archived":false,"fork":false,"pushed_at":"2021-11-25T17:20:08.000Z","size":10562,"stargazers_count":10,"open_issues_count":3,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-07T13:37:50.900Z","etag":null,"topics":["productivity","tailwindcss","vscode-extension"],"latest_commit_sha":null,"homepage":"https://marketplace.visualstudio.com/items?itemName=sudoaugustin.tailpile","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sudoaugustin.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-11-25T16:37:43.000Z","updated_at":"2024-01-28T23:56:27.000Z","dependencies_parsed_at":"2022-08-02T12:07:01.726Z","dependency_job_id":null,"html_url":"https://github.com/sudoaugustin/tailpile","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sudoaugustin%2Ftailpile","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sudoaugustin%2Ftailpile/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sudoaugustin%2Ftailpile/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sudoaugustin%2Ftailpile/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sudoaugustin","download_url":"https://codeload.github.com/sudoaugustin/tailpile/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240351299,"owners_count":19787808,"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":["productivity","tailwindcss","vscode-extension"],"created_at":"2024-10-01T15:14:03.634Z","updated_at":"2025-02-28T19:30:38.940Z","avatar_url":"https://github.com/sudoaugustin.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Tailpile\n\n### Transpile tailwindcss into purecss files on save.\n\n\u003e Tailwindcss comes with the concept of node, package managers, configs files which may be unnecessary for some developers and css designers. Tailpile gives easy to use tailwindcss experience by transpiling tailwindcss into purecss just on file save.\n\n![⌛](https://raw.githubusercontent.com/sudoaugustin/tailpile/main/.github/Preview.gif)\n\n\u003c/br\u003e\n\n## 📦 Installation\n\n**[Install via VSCode Marketplace ➜](https://marketplace.visualstudio.com/items?itemName=sudoaugustin.tailpile)**\n\n#### ⚠️ Note:\n\n- In order for the extension to activate you must have \\*.tailwind.css file in your workspace.\n- Tailpile transpile only files extension with `.tailwind.css` .\n\n\u003c/br\u003e\n\n## ✨ Features\n\n### Nesting\n\nSupport nested css styles using [tailwindcss/nesting](https://github.com/tailwindlabs/tailwindcss/tree/master/nesting).\n\n![⌛](https://raw.githubusercontent.com/sudoaugustin/tailpile/main/.github/snippets/Nesting.png)\n\n### Autoprefix\n\nTailpile use [autoprefixer](https://github.com/postcss/autoprefixer) to add vendor prefixes.\n\n![⌛](https://raw.githubusercontent.com/sudoaugustin/tailpile/main/.github/snippets/Prefix.png)\n\n### Optimize\n\nTailpile use [clean-css](https://github.com/clean-css/clean-css) to optimize css and save file size.\n\n![⌛](https://raw.githubusercontent.com/sudoaugustin/tailpile/main/.github/snippets/Optimize.png)\n\n\u003c/br\u003e\n\n## 🎛️ Commands\n\n### Tailpile: Install Tailwind CSS\n\nBy default, tailpile has tailwindcss@v2.2.19 built-in. This command will install the latest(or)next version of tailwindcss.\n\n\u003c/br\u003e\n\n## 🛠️ Setting\n\n### tailpile.output\n\nThe output directory for the transpiled css files. (Note: Set the path relative from workspace root.)\n\n```JSON\n\"tailpile.output\": \"dist/css\"\n```\n\n### tailpile.compact\n\nIf `true`, the transpiled css will be minified. Defaults to `true`.\n\n```JSON\n\"tailpile.compact\": false\n```\n\n### tailpile.browsers\n\nThe browsers you target for transpiled css. This can either be a [browserslist](https://github.com/browserslist/browserslist) query or `package.json` to use `browserslist` key in package.json file. Defaults to `[\"defaults\"]`.\n\n```JSON\n\"tailpile.browsers\": \"package.json\"\n```\n\n### tailpile.packageManager\n\nThe package manager to use for installing tailwindcss. Possible values are `npm` or `yarn`. Defaults to `npm`.\n\n```JSON\n\"tailpile.packageManager\": \"npm\"\n```\n\n### tailpile.tailwindcss.version\n\nTailwindCSS version tag to install with [**Install Tailwind CSS**](#tailpile-install-tailwind-css) command. Either `latest` or `next`. Defaults to `latest`.\n\n```JSON\n\"tailpile.tailwindcss.config\": \"latest\"\n```\n\n### tailpile.tailwindcss.config\n\nThe path for the tailwindcss configuration file, defaults to `''`. (Note: Set the path relative from workspace root.)\n\n```JSON\n\"tailpile.tailwindcss.config\": \"config/tailwind.js\"\n```\n\n⚠️ The purge content path must be absolute path.\n\n```Cycript\nmodule.exports = {\n  mode: 'jit',\n  darkMode: 'class',\n  // 🔴 This purge won't work.\n  purge:['./src/**/*.js']\n};\n```\n\n```Cycript\nconst path = require('path');\n\nmodule.exports = {\n  mode: 'jit',\n  darkMode: 'class',\n  // 🟢 This purge will work.\n  purge:[path.join(__dirname, 'src/**/*.js')]\n};\n```\n\n\u003c/br\u003e\n\n[\u003cimg src=\"https://raw.githubusercontent.com/sudoaugustin/tailpile/main/.github/ProjectBy.png\"\u003e](https://github.com/sudoaugustin)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsudoaugustin%2Ftailpile","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsudoaugustin%2Ftailpile","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsudoaugustin%2Ftailpile/lists"}