Resolve css var's with their actual values? #339

jmalatia · 2023-02-02T21:11:14Z

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.

The text was updated successfully, but these errors were encountered:

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Resolve css var's with their actual values? #339

Resolve css var's with their actual values? #339

jmalatia commented Feb 2, 2023

Resolve css var's with their actual values? #339

Resolve css var's with their actual values? #339

Comments

jmalatia commented Feb 2, 2023