Uploaded June 2023 | Updated September 2026, 2 hours ago

---

A quick tip outlining how and why you can define fallback values for CSS Custom Properties, which can be useful when you're dealing with larger projects and design systems that contain many CSS Variables.

🔗 Links
Demo: codepen.io/ZoranJambor/pen/LYXbNxv
Why do we define Custom Properties on :root in CSS: youtu.be/lXUS5E4gqV0

📖 Chapters
00:00 Why you need fallback values for Custom Properties
00:38 How to define fallback values for Custom Properties
01:10 How to define multiple fallback values for CSS Variables

Subscribe to CSS Weekly Newsletter:
💌 css-weekly.com

Course Mastering Prettier & Stylelint
🔥 Learn everything about best linting tools while supporting CSS Weekly: masteringlinting.com
🏷️ Use coupon code YOUTUBE15 to get an additional 15% off on the already discounted, pre-launch price.

Keep up-to-date with CSS Weekly:
👉 Twitter: twitter.com/CSSWeekly
👉 Instagram: instagram.com/cssweekly
👉 Facebook: facebook.com/CSSWeekly

Keep up to date with what I'm up to:
🔗 Blog: zoranjambor.com
👉 Twitter: twitter.com/zoranjambor
👉 LinkedIn: linkedin.com/in/zoranjambor

- Zoran Jambor
#css #csstips