Single Custom Property, Multiple Calcs

See the Code - See it Full Page - See Details

Showing how one unitless custom property (css variable) can be used in multiple ways thanks to `calc`. Here one custom property is turned into a `translateX` in `vw`, a `translateY` in `vh`, a `rotate` in `turn`, and a `filter: hue-rotate` in `deg`. Some browsers will not handle the rotates as intended.

This Pen uses: HTML, CSS, JavaScript, and