{"_id":"@develate/quasar-app-extension-quasar-ext-tailwind","name":"@develate/quasar-app-extension-quasar-ext-tailwind","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.2":{"name":"@develate/quasar-app-extension-quasar-ext-tailwind","version":"1.0.2","description":"Tailwind CSS v4 for Quasar","keywords":["quasar","quasar-app-extension","quasar-app-vite","quasar-cli","tailwind","tailwindcss","vue","vuejs"],"license":"MIT","author":"Thorsten <thorsten@develate.com>","homepage":"https://github.com/develate/quasar-ext-tailwind#readme","bugs":"https://github.com/develate/quasar-ext-tailwind/issues","repository":{"type":"git","url":"git+https://github.com/develate/quasar-ext-tailwind.git","directory":"ae"},"type":"module","main":"src/index.js","publishConfig":{"access":"public"},"imports":{"#q-app":"@quasar/app-vite"},"devDependencies":{"@quasar/app-vite":"^3.3.0","quasar":"^2.23.3","vue":"^3.5.39"},"peerDependencies":{"@quasar/app-vite":"^3.3.0"},"engines":{"node":">= 26 || ^24 || ^22.12"},"_nodeVersion":"22.22.2","_id":"@develate/quasar-app-extension-quasar-ext-tailwind@1.0.2","dist":{"integrity":"sha512-1b6zn2MxH0Gxec8809qrX0gstikaaO6cidk13sevhOtaCnzXZ8Akt6QvvBMJb2V62KxFf1hPGRe8kz6fuprCMw==","shasum":"cd315c1592ddc77e9cf021d7ccb0a59d9dbdf134","tarball":"https://registry.npmjs.org/@develate/quasar-app-extension-quasar-ext-tailwind/-/quasar-app-extension-quasar-ext-tailwind-1.0.2.tgz","fileCount":8,"unpackedSize":10742,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIDMMnp8mlndLHW4ismGw5QpKm7QoL1BysZUjpCcb6Rh6AiEA0xSxucF6A4FYeXwQqiZOvFg052j186FWSokI1AE9itU="}]},"_npmUser":{"name":"thoasty","email":"thorsten@thoasty.de"},"directories":{},"maintainers":[{"name":"thoasty","email":"thorsten@thoasty.de"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/quasar-app-extension-quasar-ext-tailwind_1.0.2_1785594150093_0.627749409236904"},"_hasShrinkwrap":false}},"time":{"created":"2026-08-01T14:22:29.986Z","1.0.2":"2026-08-01T14:22:30.249Z","modified":"2026-08-01T14:22:30.429Z"},"maintainers":[{"name":"thoasty","email":"thorsten@thoasty.de"}],"description":"Tailwind CSS v4 for Quasar","homepage":"https://github.com/develate/quasar-ext-tailwind#readme","keywords":["quasar","quasar-app-extension","quasar-app-vite","quasar-cli","tailwind","tailwindcss","vue","vuejs"],"repository":{"type":"git","url":"git+https://github.com/develate/quasar-ext-tailwind.git","directory":"ae"},"author":"Thorsten <thorsten@develate.com>","bugs":"https://github.com/develate/quasar-ext-tailwind/issues","license":"MIT","readme":"# Quasar App Extension \"@develate/quasar-ext-tailwind\"\n\nAdds [Tailwind CSS v4](https://tailwindcss.com) to a Quasar (Vite) app.\n\n## Install\n\n```bash\nquasar ext add @develate/quasar-ext-tailwind\n```\n\nThis will:\n\n- add `tailwindcss`, `@tailwindcss/vite` and `@tailwindcss/postcss` to your app's\n  devDependencies,\n- create `/src/css/tailwind.css`,\n- add `'tailwind.css'` to the `css` array of your quasar.config file.\n\nOn each dev/build, the extension registers the `@tailwindcss/vite` plugin, so\nthere is nothing else to configure.\n\n## Uninstall\n\n```bash\nquasar ext remove @develate/quasar-ext-tailwind\n```\n\nThis removes `/src/css/tailwind.css` and its `css` array entry. The Tailwind\npackages themselves are left in your package.json — uninstall them yourself if\nnothing else needs them.\n\n## Info\n\n`/src/css/tailwind.css` is yours to edit — that is where you import Tailwind and\ndeclare your `@theme`. It ships with the `tw` prefix (`tw:flex`, `tw:p-4`, ...)\nso that Tailwind utilities cannot collide with Quasar's own classes.\n\nTailwind's preflight is included by default and resets browser styles globally,\nwhich changes how some Quasar components look. To keep Quasar's baseline, import\nthe Tailwind layers you want instead of the whole package:\n\n```css\n@layer theme, base, components, utilities;\n@import 'tailwindcss/theme.css' layer(theme) prefix(tw);\n@import 'tailwindcss/utilities.css' layer(utilities) prefix(tw);\n```\n\n`@tailwindcss/postcss` is installed for tooling that goes through PostCSS (and\nfor editor integrations that look for it); the app itself is built with the Vite\nplugin.\n\n## Donate\n\nIf you appreciate the work that went into this App Extension, please consider [donating to Quasar](https://donate.quasar.dev).\n","readmeFilename":"","_rev":"1-3e1a595985be62cfb5efb831ed58eece"}