Share styles between templates about email-templates HOT 9 CLOSED

EJS has an include directive https://github.com/visionmedia/ejs#includes

from email-templates.

Perhaps see #35 ?

from email-templates.

Ah, thanks. Will try it out.

from email-templates.

It seems that includes won't work. At least not including a css file at the moment. They are included, but not inlined. It seems that #37 would fix this?

from email-templates.

Per this commit https://github.com/nicjansma/node-email-templates/commit/6055829c2a6b9f001b74f6b2a474d99905bd09e6 you can use EJS with include and layout helpers. EJS requires locals.filename for relative paths of include and layout. Main documentation is https://github.com/visionmedia/ejs#layouts and see https://github.com/chovy/express-template-demo/blob/master/demo/views/index.ejs and https://github.com/chovy/express-template-demo/blob/master/demo/views/layout.ejs for examples of this.

from email-templates.

@niftylettuce I am not sure we understand each other. I have no problem with using include - the css is included between style tags (that works), but it is not inlined by juice. Without inlining, the styles are not applied in email.

from email-templates.

Broken @include statements were fixed for LESS in #61 and should now be inlined by juice. However, we should test out similar functionality for the other supported preprocessors before resolving this.

from email-templates.

Hey guys,

Is there a way to share the style file (style.css) for all the templates? For example by putting it in the root templates directory.

Thanks,
Philmod

from email-templates.

Yes, you can do something like this...

Folder named ./emails/. Inside of it you have different email templates, e.g. ./emails/welcome-message/ and ./emails/forgot-password/. Each of these folders has html.ejs of course and then an accompanying stylesheet style.less. At the top of style.less you have a line such as @import "../style.less"; which would import a global stylesheet located at ./emails/style.less.

from email-templates.