92: CSS if() and custom functions

About this episode

The episode explores the new CSS features of inline conditionals and custom functions.

Welcome back to the new season of the CSS Podcast, where Una and Bramus are your guides, your cohosts, and your CSS best friends. In this episode we dig into two very powerful new CSS features: inline conditionals with the if() function, and custom functions. Resources: CSS if() function specification → https://goo.gle/3IBChWo Article on if() by Una → https://goo.gle/4nUxIp2 Article on if() by Lea Verou → https://goo.gle/4nt2UvS CSS mixins specification → https://goo.gle/48H8SEH Article on @function by Una → https://goo.gle/48H99rd Article on @function and if() by Bramus → https://goo.gle/46qPbzy The CSS Space Toggle by Chris Coyier → https://goo.gle/4874qio Una Kravets (co-host) Twitter | Instagram | YouTube Making the web more colorful ✨🎨 Web DevRel @googlechrome Unicorn face host of @toolsday & Designing in the Browser 🎬 Bramus Van Damme (co-host) Bluesky | Mastodon | YouTube | Website @GoogleChrome CSS DevRel; @CSSWG ; Scuba Diver 🤿

People in this episode

Hosts: Una Kravets, Bramus Van Damme

Topics covered

• CSS
• custom functions
• if() function
• web development
• technology
• programming

Keywords

• CSS
• if() function
• custom functions
• web development
• programming
• technology

Mentioned in this episode

Organizations: Google, CSSWG, GoogleChrome

Books & works: CSS if() function specification, Article on if() by Una, Article on if() by Lea Verou, CSS mixins specification, Article on @function by Una, Article on @function and if() by Bramus, The CSS Space Toggle by Chris Coyier

More episodes of The CSS Podcast

• 100: Season 6 wrap up · November 20, 2025 · 17 min
• 99: More CSS functions · November 18, 2025 · 37 min
• 98: Customizable select · November 13, 2025 · 14 min
• 97: Invokers and commands · November 11, 2025 · 13 min
• 96: CSS anchor positioning · November 7, 2025 · 13 min
• 95: Updates to View Transitions · November 5, 2025 · 18 min