foundation / inky

Convert a simple HTML syntax into tables compatible with Foundation for Emails.
http://foundation.zurb.com/emails
673 stars 107 forks source link

Passing inline styles down from an Inky component causes sass styles to be overwritten #140

Open ryanfrawley opened 2 years ago

ryanfrawley commented 2 years ago

I'm using Inky with Auth0 email templates. Auth0 uses handlebars for variable substitution. For one of our components, we need to pass in a brand color variable that looks like: {{ organization.branding.colors.primary }}. Is there a clean way to pass this as an inline style for the background color? Something like

<button href="..." style="background-color: {{{{raw}}}}{{ organization.branding.colors.primary }}{{{{/raw}}}}">

almost works, but it ends up overwriting the existing styles supplied by the component. Does Inky support combing of inline styles instead of overwriting them? If not, this may be a nice to have feature.