Skip to content

Css variables won't parsed #125

Open
@NV4RE

Description

@NV4RE

Hello, it seem css variable not supported in most email client, and it should be replace by inliner before sent.

input

/* style.css */
.bg-gray-100{
  --tw-bg-opacity:1;
  background-color:rgb(237 242 247/var(--tw-bg-opacity));
}
<!-- index.html -->
<link href="style.css" rel="stylesheet" />
<div class="bg-gray-100">
  Hello there
</div>

output

<div class="bg-gray-100" style="--tw-bg-opacity: 1; background-color: rgb(237 242 247/var(--tw-bg-opacity));">
  Hello there
</div>

expected

<div style="--tw-bg-opacity: 1; background-color: rgb(237 242 247/1);">
  Hello there
</div>

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions