search

leemunroe / grunt-email-workflow

A Grunt workflow for designing and testing responsive HTML email templates with SCSS.
MIT License
3.05k stars 339 forks source link

How to support bubble? #94

Closed kinglezhuang closed 6 years ago

kinglezhuang commented 6 years ago

I tested this project, it can not support bubble.

For exsample: <!DOCTYPE html>

template

This is a blockquote that is styled to look like a speech bubble

kinglezhuang commented 6 years ago

It only extend the first class style. Not all, but in fact i need all.

leemunroe commented 6 years ago

For styles like this, you don't want them to be inlined. What you can do is put this styles in to a media query so that the inliner preserves them and doesn't clear them.

e.g.

@media all {
  // Your styles go here
}

The inliner will see the media query and embed these styles in the <head> instead of inlining them.

kinglezhuang commented 6 years ago

Thank you very much, i will try it.

leemunroe commented 6 years ago

@kinglezhuang Closing the loop here. Did this work for you?

taeo commented 6 years ago

@leemunroe - Tested and works as expected. Using @media all bypassing inlining. Safe to close this issue.

Of note for @kinglezhuang - Pseudo selectors aren't well supported see reference sheet and samples with progressive enhancement.