quasar-app-extension-smartsymbols-tailwindcss
v2.0.6-1
Published
Integration of TailwindCSS into Quasar Framework
Downloads
2
Maintainers
Readme
TailwindCSS
This extension makes it easy to integrate TailwindCSS (https://tailwindcss.com/) into Quasar (https://quasar.dev).
Install
This extension now uses TailwindCSS v2
.
quasar ext add tailwindcss
We currently use
tailwindcss@^2.0.1-compat
. While TailwindCSS v2 requirespostcss@^8.1.0
, Quasar still uses v7. We therefore make use of their compatibility version that has the same features as the regular v2, but uses PostCSS v7 instead. As soon as Quasar ships with PostCSS 8, we will switch over to regular TailwindCSS v2.
There have been reports that some part of TailwindCSS v2 breaks with current Quasar rules. In case you encounter difficulties with TailwindCSS v2, you can use v1 by installing the extension like this:
quasar ext add tailwindcss@^1.0.0
Quasar CLI will retrieve it from NPM and install the extension.
Prompts
prefix
string - adds a class prefix to every tailwind class nameparts
list - decide which parts of tailwind you want to install (base
,components
,utilities
)
Uninstall
quasar ext remove tailwindcss
Removes the extension, optionally also the folder /src/extensions/tailwindcss
to fully delete all files that were created with this plugin.
Features
- Working
tailwindcss
installation and usage - PurgeCSS for production builds
You can configure the
tailwind.css
andtailwind.config.js
file in thesrc/extensions/tailwindcss/
folder after installation. See https://tailwindcss.com/docs/installation/#2-add-tailwind-to-your-css and https://tailwindcss.com/docs/configuration/
Contributions
Feel free to send PRs along, or even join as a contributor.