CSS Quick-Tip: Custom Properties Fallback Values

Published: 23 June 2023
on channel: CSS Weekly
1,470
72

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: https://codepen.io/ZoranJambor/pen/LY...
Why do we define Custom Properties on :root in CSS:    • What exactly is :root selector in CSS?  

📖 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:
💌 https://css-weekly.com/

Course Mastering Prettier & Stylelint
🔥 Learn everything about best linting tools while supporting CSS Weekly: https://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:   / cssweekly  
👉 Instagram:   / cssweekly  
👉 Facebook:   / cssweekly  

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

Zoran Jambor
#css #csstips


On this page of the site you can watch the video online CSS Quick-Tip: Custom Properties Fallback Values with a duration of hours minute second in good quality, which was uploaded by the user CSS Weekly 23 June 2023, share the link with friends and acquaintances, this video has already been watched 1,470 times on youtube and it was liked by 72 viewers. Enjoy your viewing!