I'm using Foundation for E-Mail to create templates. When I preview the templates by running yarn start everything works fine but when I yarn build the template my custom CSS classes will not be inlined.
For example
<p class="pd-footer-contact">
Lorem ipsum
</p>
will become
<p class="pd-footer-contact" style="Margin:0;Margin-bottom:10px;color:#4A4A4A;font-family:'Brandon Text',Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;margin-bottom:10px;padding:0;text-align:left"><strong>Lorem ipsum</p>
Although the inlined style is not the one from the CSS class. Am I doing something wrong or misunderstanding how the inlining process works?
The styles you are seeing on the
tag are those assigned in the foundation.css file that is included on every email build.