Docpad-plugin-cssinliner NPM

CSS Inliner Plugin for DocPad

Takes you CSS styles within the <style> element and places them inline on each element with the style attribute.

Uses the awesome Juice library.

Why?

Popular email clients like Gmail strip out CSS in the <style> tag.
This is the best way to guarantee your email works properly on the compatible clients listed in the docs.

Install

docpad install cssinliner

Usage

Will look for all <style> elements in your *.html files. You can add juice options within your config:

	plugins:
		cssinliner:
			options: 
				extraCss: "" // extra css to apply to the file.
				applyStyleTags: true // whether to inline styles in <style></style>.
				removeStyleTags: true // whether to remove the original <style></style> tags after (possibly) inlining the css from them.
				preserveMediaQueries: false // preserves all media queries (and contained styles) within <style></style> tags as a refinement when removeStyleTags is true. Other styles are removed.
				inlinePseudoElements: false // whether to insert pseudo elements (::before and ::after) as <span> into the DOM. Note: Inserting pseudo elements will modify the DOM and may conflict with CSS selectors elsewhere on the page (e.g., :last-child).
				xmlMode: false  whether to output XML/XHTML with all tags closed. Note that the input must also be valid XML/XHTML or you will get undesirable results.
				preserveImportant: false // preserves !important in values.