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

4 participants