What you’ll Learn

I’ll first walk you through the basics of CSS Variables. I believe any decent attempt at understanding CSS Variables must begin here.

Learning the fundamentals is cool. What’s even cooler is applying these fundamentals to build real-world apps.

I’ll wrap things up with 3 projects that show off the ease of use with CSS variables.

Project 1: Creating Component Variations using CSS Variables

You’re likely already building component variations today. Whether you use React or Angular or Vue, CSS variables make this simpler.

See the project below. If you’re on your computer, hover over the buttons too.