tailwindcss/packages/@tailwindcss-postcss/src
Hugo van Rijswijk 9fef2bde50
Add :host rule to @theme layer (#15975)
Resolves #15799
Resolves #14478
Part-of #15005

Adds a `:host` selector for the `@theme` layer. This is necessary for
the `@theme` layer to work correctly in shadow DOM.

Also updates the snapshots for the tests that were affected by this
change (in a separate commit).

## Test plan

Tested via the Vite playground:

<img width="1121" alt="Screenshot 2025-01-29 at 15 06 49"
src="https://github.com/user-attachments/assets/a7908135-5ff8-472f-a053-d2c6d5c81e1b"
/>

Additionally made sure that `@property` defaults also work across
Firefox, Chrome, and Safari (the `@property` definition from the root is
pulled in) and added a UI spec.

---------

Co-authored-by: Philipp Spiess <hello@philippspiess.com>
2025-01-29 17:20:29 +01:00
..
__snapshots__ Add :host rule to @theme layer (#15975) 2025-01-29 17:20:29 +01:00
fixtures/example-project Add @source support (#14078) 2024-08-07 16:38:44 +02:00
postcss-fix-relative-paths Postcss: Run plugin in Once hook (#15273) 2024-12-03 10:28:51 +01:00
ast.test.ts Use AST transformations in @tailwindcss/postcss (#15297) 2024-12-04 15:43:59 +01:00
ast.ts Use AST transformations in @tailwindcss/postcss (#15297) 2024-12-04 15:43:59 +01:00
index.cts Postcss: Bring back proper type exports (#14256) 2024-08-26 15:54:07 +02:00
index.test.ts Add :host rule to @theme layer (#15975) 2025-01-29 17:20:29 +01:00
index.ts Upgrade lightningcss to 1.29.0 (#15576) 2025-01-09 17:14:48 +01:00