Skip to content

Conversation

@RobinMalfait
Copy link
Member

@RobinMalfait RobinMalfait commented Oct 9, 2025

This PR ignores warnings related to :deep, :slotted and :global used by frameworks like Vue (see: https://vuejs.org/api/sfc-css-features#deep-selectors).

Test plan

Used a :deep() selector in a test project (Catalyst).

diff --git a/templates/catalyst/src/tailwind.css b/templates/catalyst/src/tailwind.css
index 79887e67..2acb749c 100644
--- a/templates/catalyst/src/tailwind.css
+++ b/templates/catalyst/src/tailwind.css
@@ -9,3 +9,7 @@
   --font-sans: Inter, sans-serif;
   --font-sans--font-feature-settings: 'cv11';
 }
+
+:deep(.foo) {
+  color: red;
+}

Before:

image

After:

image

Fixes: #18918 (comment)

@RobinMalfait RobinMalfait marked this pull request as ready for review October 9, 2025 09:54
@RobinMalfait RobinMalfait requested a review from a team as a code owner October 9, 2025 09:54
@askomarov
Copy link

I upgraded to 4.1.15 and the warning didn't go away. What else needs to be done?

@RobinMalfait
Copy link
Member Author

RobinMalfait commented Oct 21, 2025

I upgraded to 4.1.15 and the warning didn't go away. What else needs to be done?

@askomarov Open a new issue with a minimal reproduction repo attached and we will take a look!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants