adobe/aem-core-email-components

Style Inliner inlines the generic styles instead of specific one.

priyankpardiwala opened this issue · 2 comments

I have a CSS file that looks something like this

p{
color: red;
}

.cmp-text--regular p{
font-size: 20px; 
color: darkgrey; 
}

Expected Behaviour

The expected behavior for the CSS inliner would be to create style attribute

<div class="cmp-text--regular">
<p style="font-size:20px; color: darkgrey;">This should be dark grey</p>
</div>

Actual Behaviour

<div class="cmp-text--regular">
<p style="font-size:20px; color: red;">This should be dark grey</p>
</div>

Notice that the font color is red instead of darkgrey.

Hello Priyank,
Thank you for your test. I confirm that it is a bug, I am going to fix it.

PR created:

#74