Is there a way to resolve css variables into their actual values?
css
:root {
--my-css-color-var: blue;
}
.my-class {
color: var(--my-css-color-var);
}
html
<html>
<body>
<div class="my-class">Hello</div>
</body>
</html>
html > after inlining with PreMailer.net
<html style="--my-css-color-var: blue;">
<body>
<div style="color: var(--my-css-color-var)">Hello</div>
</body>
</html>
Which doesn't work with web mail (at least Gmail because they strip html attributes).
Also current Bootstrap versions are now predominantly using css variables which only adds to this issue and a need to resolve the variables into their actual values.
Any guidance would be appreciated.
Is there a way to resolve css variables into their actual values?
css
html
html > after inlining with PreMailer.net
Which doesn't work with web mail (at least Gmail because they strip html attributes).
Also current Bootstrap versions are now predominantly using css variables which only adds to this issue and a need to resolve the variables into their actual values.
Any guidance would be appreciated.