Put a CSS var() inside calc() inside rgba(), and you'll get a Firefox bug: bugzilla.mozilla.org/show_bu…, codepen.io/kizu/pen/eZzZQP?e… /cc @davidbaron

Testing support for calc and vars in rgba

...

codepen.io
2
4
5
Replying to @kizmarh
@kizmarh That's the expected behavior for unsupported features and var(), as I noted in the bug.

Mar 11, 2016 · 12:45 AM UTC

2
Replying to @davidbaron
@davidbaron Can't agree with that, commented on the issue. CSS fallback mechanism should be > than variables fallback to initial value.
Replying to @davidbaron
@tabatkins Hi, can you look at bugzilla.mozilla.org/show_bu… and tell it it's a Fx bug? @davidbaron claims that's an intended behavior of var().

1255477 - CSS variable inside calc inside rgba color function works incorrectly

RESOLVED (nobody) in Core - CSS Parsing and Computation. Last updated 2016-03-11.

bugzilla.mozilla.org
1
more replies