Too Long; Didn't Read
CSS variables (or custom properties) were originally conceived to store repeating properties, such as color palettes or fonts, in one place. In this article, we will consider several interesting hacks that allow you to use custom properties for what would seem impossible without preprocessors or JS. These hacks include: switch-case for animation, binary logic and calc() function. You can use these tricks to implement lots of things that seemed only seemed possible by the only thing that previously seemed possible without JS.