See the Code - See it Full Page - See Details
UPDATE with Firefox 58: With change to Firefox _Quantum_ now works with everything in this test except colors Run in different browsers to see where calc is supported. Such as Firefox 52 where you can do `translateX(calc(1 * 1vmin))` but cannot do `rotate(calc(1 * 1deg))` Mainly created to test Firefox and Edge as Webkit/Blink seem to allow `calc` in most if not all the places I've tried. Edge does better with colors than Firefox... But oddly Edge fails the "control test" of `transform: translateX(2vmin)` while `transform: translateX(calc(2 * 1vmin))` works
This Pen uses: HTML, CSS, JavaScript, and