Using CSS variables correctly | Responsive Web Design

Using CSS variables correctly

CSS Variables (also known as Custom Properties) are now supported in all modern browsers and people are starting to use them production. This is great but they’re different from variables in preprocessors, this article looks at how they can be more powerful.

CSS Variable Example

CSS Variables (also known as Custom Properties) are now supported in all modern browsers and people are starting to use them production. This is great but they’re different from variables in preprocessors and I’ve already seen some examples of people using them without considering the advantage they offer.

They have the potential to change how we write and think about CSS. I thought I’d do a few quick demos that show some good and bad ways to use CSS variables, and how their differences from preprocessors might change how we structure CSS.

An excerpt from Using CSS variables correctly

View original article

Subscribe to our Newsletter

Add your email address and receive an email every Friday covering off everything worth knowing about building your websites responsively.