GrygrFlzr / tailwindcss

Add Tailwind CSS to your Svelte project

💨 Add Tailwind CSS to Svelte

This is an adder for svelte-add; you should read its README before continuing here.

➕ Adding Tailwind CSS

This adder's codename is tailwindcss, and can be used like so:

npx svelte-add tailwindcss

🏞 Supported environments

This adder supports SvelteKit and Vite-powered Svelte apps (all the environments svelte-add currently supports).

⚙️ Options

• jit (default true): whether or not to use Tailwind Just-in-Time Mode

🛠 Using Tailwind CSS

After the adder runs,

• You can use Tailwind utility classes like bg-blue-700 in the markup (components, routes, app.html).

• You can use Tailwind directives like @apply and @screen or use the theme function in Svelte style lang="postcss" blocks or the src/app.postcss file.

• You can configure Tailwind in the tailwind.config.cjs file.

• Your Tailwind CSS will be purged for production builds.