Skip to content
JSX email

Inline CSS Plugin

Convert CSS classes to inline styles for better email client compatibility

Overview

The @jsx-email/plugin-inline plugin converts CSS classes to inline styles, ensuring consistent styling across email clients.

How It Works

Converts class-based styles to inline styles:

Before
<style>
  .batman { border: 1px solid black; }
</style>
<div class="batman">batcave</div>
After
<div style="border: 1px solid black">batcave</div>

Performance Considerations

Resources