TailwindCSS: Shadow Parsing Engine Improvements
Robin Malfait merged a critical fix for shadow value parsing that resolves issues with calc() functions being incorrectly identified as shadow colors. The update enhances TailwindCSS's ability to properly distinguish between length values and color values in shadow declarations.
Duration: PT2M
Episode overview
This episode is a short developer briefing from TailwindCSS.
It explains recent repository work in plain language.
- Show: TailwindCSS
- Published: 2026-05-20T10:01:16Z
- Audio duration: PT2M
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 briefing for Friday, May 20th, 2026.
Robin Malfait merged "Improve parsing of shadow values," addressing a parsing bug in the shadow color replacement system. The issue occurred when calc() functions used within shadow values were incorrectly identified as color components instead of length values. This caused malformed CSS output where color variables…
The fix introduces enhanced value parsing using TailwindCSS's ValueParser to properly categorize different function types. Length-producing functions like calc(), min(), max(), clamp(), and Tailwind's custom --spacing() function are now correctly identified and excluded from color replacement logic. Similarly,…
The update affects the core shadow utilities system, which enables colored shadows by replacing color values with CSS custom properties. Before this fix, a declaration like "drop-shadow(0 0 calc(1 * var(--spacing)) black)" would incorrectly wrap the calc() function in color variables instead of treating it as a…
The changes span five files with significant updates to the shadow color replacement logic, adding 183 lines while removing 26. Comprehensive test coverage ensures the fix handles…
W…
Nearby episodes from TailwindCSS
- Weekly Recap - Parser Improvements & Build Tooling
- CLI Silent Mode and Rspack Support
- Infrastructure Improvements and Dependency Updates
- Major Selector Parser Overhaul
- Weekly Recap - Node.js Compatibility and Bug Fixes
- CSS Mixins Support and Container Query Fixes
- Plugin Crash Fix and Test Cleanup
- Node.js 26+ Compatibility Fix