docs: Add Tailwind CSS mode instructions (#46292)

Now that https://github.com/zed-industries/zed/pull/45352 is in preview,
this updates the docs at https://zed.dev/docs/languages/tailwindcss with
instructions similar to
https://github.com/tailwindlabs/tailwindcss-intellisense?tab=readme-ov-file#filesassociations

Release Notes:

- N/A
This commit is contained in:
Gaauwe Rombouts authored and GitHub committed 2026-01-07 22:36:41 +01:00
1 parent f367b7cdd2
commit 419a214c79
1 file changed
+21
+21
View File
@@ -39,6 +39,27 @@ If by default the language server isn't enough to make Tailwind work for a given
Refer to [the Tailwind CSS language server settings docs](https://github.com/tailwindlabs/tailwindcss-intellisense?tab=readme-ov-file#extension-settings) for more information.
### Using Tailwind CSS Mode in CSS Files (Preview)
Zed includes support for the Tailwind CSS language mode, which provides full CSS IntelliSense support even when using Tailwind-specific at-rules like `@apply`, `@layer`, and `@theme`.
To use the Tailwind CSS language mode for CSS files, add the following to `languages` section of your `settings.json`:
```json [settings]
{
"languages": {
"CSS": {
"language_servers": [
"tailwindcss-intellisense-css",
"!vscode-css-language-server",
"..."
]
}
}
}
```
The `tailwindcss-intellisense-css` language server serves as an alternative to the default CSS language server, maintaining all standard CSS IntelliSense features while adding support for Tailwind-specific syntax.
### Prettier Plugin
Zed supports Prettier out of the box, which means that if you have the [Tailwind CSS Prettier plugin](https://github.com/tailwindlabs/prettier-plugin-tailwindcss) installed, adding it to your Prettier configuration will make it work automatically: