From 2a830080fc9e6cb1b51689eb9d120faf2f171247 Mon Sep 17 00:00:00 2001 From: Jordan Pittman Date: Fri, 7 Feb 2025 15:45:00 -0500 Subject: [PATCH 1/2] Fix parsing of `@custom-variant` shorthand in Tailwind CSS language mode --- .../tailwindcss-language-server/src/language/cssServer.ts | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/packages/tailwindcss-language-server/src/language/cssServer.ts b/packages/tailwindcss-language-server/src/language/cssServer.ts index 7eda71cb..d46eeda5 100644 --- a/packages/tailwindcss-language-server/src/language/cssServer.ts +++ b/packages/tailwindcss-language-server/src/language/cssServer.ts @@ -354,6 +354,10 @@ function createVirtualCssDocument(textDocument: TextDocument): TextDocument { .replace(/@variants(\s+[^{]+){/g, replace()) .replace(/@responsive(\s*){/g, replace()) .replace(/@utility(\s+[^{]+){/g, replaceWithStyleRule()) + .replace(/@custom-variant(\s+[^;]+);/g, (match: string) => { + let spaces = ' '.repeat(match.length - 11) + return `@media(p)${spaces}{}` + }) .replace(/@custom-variant(\s+[^{]+){/g, replaceWithStyleRule()) .replace(/@variant(\s+[^{]+){/g, replaceWithStyleRule()) .replace(/@layer(\s+[^{]{2,}){/g, replace(-3)) From 52c0830fbaa6f449d60dabc97b5069f7de25495c Mon Sep 17 00:00:00 2001 From: Jordan Pittman Date: Fri, 7 Feb 2025 15:50:06 -0500 Subject: [PATCH 2/2] Update changelog --- packages/vscode-tailwindcss/CHANGELOG.md | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/vscode-tailwindcss/CHANGELOG.md b/packages/vscode-tailwindcss/CHANGELOG.md index b7e7bb5e..95ec1e10 100644 --- a/packages/vscode-tailwindcss/CHANGELOG.md +++ b/packages/vscode-tailwindcss/CHANGELOG.md @@ -6,6 +6,7 @@ - Treat `