Preview Mode Links will not work in preview mode

Cascading Style Sheets (CSS) is the web’s core styling language. For web developers, It’s one of the quickest technologies to get started with, but one of the hardest to master. Follow Una Kravets and Bramus Van Damme, Developer Advocates from Google, who gleefully breakdown complex aspects of CSS into digestible episodes covering everything from accessibility to z-index.

  1. All Episodes
  2. 92: CSS if() and custom functions

92: CSS if() and custom functions

Oct 13, 2025

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 🤿