46: Custom properties

Custom properties, aka CSS variables, are runtime dynamic variables which allow you to store loose or typed values. They're free, super fast, improve code legibility, unlock powers, are reachable with JavaScript, animateable, overall super fun and, well, kind of complex. Links Module Level 1 → https://goo.gle/3wtADL1 82% of developers get this 3 line CSS quiz wrong → https://goo.gle/2U8oTPR A user's guide to CSS variables → https://goo.gle/3zlmscV Locally Scoped CSS Variables: What, How, and Why → https://goo.gle/2KGESwR GitHub → https://goo.gle/3iOiVOa Una Kravets (co-host) Twitter | Instagram | YouTube Making the web more colorful ✨🎨 Web DevRel @googlechrome Unicorn face host of @toolsday & Designing in the Browser 🎬 Adam Argyle (co-host) Twitter | Instagram | YouTube @GoogleChrome CSS DevRel; @CSSWG; VisBug maker; punk; CSS/JS/UX addict; 💀🤘 The CSS Podcast #CSSpodcast