Introduction to CSS variables (CSS custom properties) [full tutorial]

CSS variables (aka custom properties) are a big win for front-end developers. They provide the power of variables to CSS, which results in less repetition, better readability and more flexibility. Unlike variables from CSS preprocessors, CSS variables are a part of the DOM, which has many benefits. This video takes us through a full CSS variables tutorial. We'll cover: 00:00 - Why learn CSS variables? 03:11 - Your first variable 08:08 - Scrimba's Frontend Developer Career Path 💻 https://scrimba.com/learn/frontend/ 09:23 - Overriding variables 12:03 - Local variables 15:34 - Theming 18:23 - Changing variables with JavaScript 22:14 - Responsiveness and variables 27:08 - Two inheritance examples 29:58 - Scrimba's Learn Responsive Web Design course 🎨 https://scrimba.com/learn/responsive 💻 Check out this course on Scrimba’s interactive learning platform: https://scrimba.com/learn/cssvariables 🌲 Linktree: https://scrimba.com/links/linktree