DocPad
CSS Inliner Plugin forTakes 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.
History
Discover the change history by heading on over to the HISTORY.md
file.
Contribute
Discover how you can contribute by heading on over to the CONTRIBUTING.md
file.
Backers
Maintainers
These amazing people are maintaining this project:
- Roger Chapman <rogchap(at)gmail.com> (https://github.com/rogchap)
Sponsors
No sponsors yet! Will you be the first?
Contributors
These amazing people have contributed code to this project:
- Roger Chapman <rogchap(at)gmail.com> — view contributions
License
Unless stated otherwise all works are:
- Copyright © Kayla Technologies sayhi@kayla.com.au (https://kayla.com.au)
and licensed under:
- The incredibly permissive MIT License