Avoid errors when using @media screen()

bradlc · bradlc · commit db963f4c65b2 · 2022-04-12T18:25:22.000+01:00
diff --git a/packages/tailwindcss-language-server/src/language/cssServer.ts b/packages/tailwindcss-language-server/src/language/cssServer.ts
@@ -353,6 +353,10 @@ function createVirtualCssDocument(textDocument: TextDocument): TextDocument {
       .replace(/@variants(\s+[^{]+){/g, replace())
       .replace(/@responsive(\s*){/g, replace())
       .replace(/@layer(\s+[^{]{2,}){/g, replace(-3))
+      .replace(
+        /@media(\s+screen\s*\([^)]+\))/g,
+        (_match, screen) => `@media (${MEDIA_MARKER})${' '.repeat(screen.length - 4)}`
+      )
   )
 }
 

Original file line number	Diff line number	Diff line change
`@@ -353,6 +353,10 @@ function createVirtualCssDocument(textDocument: TextDocument): TextDocument {`
`353`	`353`	`.replace(/@variants(\s+[^{]+){/g, replace())`
`354`	`354`	`.replace(/@responsive(\s*){/g, replace())`
`355`	`355`	`.replace(/@layer(\s+[^{]{2,}){/g, replace(-3))`
	`356`	`+ .replace(`
	`357`	`+ /@media(\s+screen\s*\([^)]+\))/g,`
	`358`	+ (_match, screen) => `@media (${MEDIA_MARKER})${' '.repeat(screen.length - 4)}`
	`359`	`+ )`
`356`	`360`	`)`
`357`	`361`	`}`
`358`	`362`