It seems CSS custom properties (or CSS variables) are everywhere at the moment. There are plenty of blog posts showing you how, which and what in every way but not many exampling the everyday application of using them. If you’re unsure on what they are, Smashing Magazine has a very good article - It’s Time To Start Using CSS Custom Properties

I work for an agency where cross browser support is a must and that includes IE11 (unfortunately). Although we can’t quite use CSS variables in production, they offer many advantages to using them in development and post-processing them to their original properties.

Our gulp process includes postcss-css-variables which changes any CSS variables in your stylesheets to the values you set them to. Similar to SCSS variables (in the same way they get processed) but to allows you to write smaller SCSS and, when the time comes, remove the processing and deploy your stylesheets with custom properties already in place.

#css #properties

CSS Custom Properties - everyday applications
1.25 GEEK