TailwindCSS: CSS Mixins Support and Container Query Fixes
TailwindCSS v4 now supports native CSS mixins with @apply directives and fixes container query negation issues. The team also added comprehensive Vue integration testing for large-scale applications.
Duration: PT1M46S
Episode overview
This episode is a short developer briefing from TailwindCSS.
It explains recent repository work in plain language.
- Show: TailwindCSS
- Published: 2026-05-15T10:01:37Z
- Audio duration: PT1M46S
Transcript excerpt
This excerpt keeps the crawler page concise. Listen to the episode or use the RSS feed for the full update.
Good morning, this is your TailwindCSS developer briefing for May 15th, 2026.
Jordan Pittman merged support for CSS mixins with @apply directives in TailwindCSS v4. The enhancement aligns with the CSS Custom Functions and Mixins specification, allowing developers to use @apply with dashed identifiers for native mixin support. The implementation prevents Tailwind from attempting to compile…
Robin Malfait merged a fix for container query negation with custom variants. Previously, when using not-* variants with @container queries, the "not" keyword was incorrectly positioned in the generated CSS. The fix implements proper AST parsing to accurately place negation operators within container queries.
Malfait also merged comprehensive Vue integration testing that validates performance with 1000 components using @reference and @apply directives. The tests confirm stable memory usage and reasonable build times, addressing community concerns about out-of-memory issues in large applications. Build time increased by…
Additional workflow security improvements were implemented, enforcing frozen lockfiles for pnpm installs and cleaning up GitHub Actions permissions.
What's next: The team continues…