Tailwind and CSS

[xcrap]

The last version who fixed some CSS LSP and now I get a bunch of linting errors
First https://zed.dev/docs/languages/css here i believe it should be vscode-css-languageservice instead of the vscode-html-languageservice that is written, second does tailwind lsp support not include the tailwind config directives ?! It's so confusing.

[joshuap]

Not sure if this is exactly your issue, but I'm getting lint errors like "Unknown rule @theme". I got it working in VS Code with this config:

tailwindlabs/tailwindcss#5258 (reply in thread)

See also:

https://github.com/microsoft/vscode-css-languageservice/blob/main/docs/customData.md?plain=1

But so far I haven't been able to make it work in Zed. Does anyone know how to add custom atDirectives to Zed's built-in CSS language server?

[corneliusio]

@xcrap It looks like there are a couple issues open for this at this point. You should be able to work around the issue for now by adding the following to your settings.json

{
    "languages": {
        "CSS": {
            "language_servers": ["tailwindcss-language-server"]
        }
    }
}

[xcrap]

I have this

"CSS": {
		"language_servers": [
			"!vscode-css-language-server",
			"!..."
		]
	},

If I had "language_servers": ["tailwindcss-language-server"] nothing happens, there's no linting what so ever in css, nothing works.

The docs shows this config in a different setting:
https://zed.dev/docs/languages/tailwindcss
Are they not updated ?

[corneliusio]

Here's a much better workaround: #38596 (comment)