docpad-plugin-cssinliner
Advanced tools
DocPad plugin that inlines CSS styles into element style attributes; great for email templates.
Takes you CSS styles within the <style> element and places them inline on each element with the style attribute.
Uses the awesome Juice library.
<style> tag.docpad install cssinliner
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.
Discover the change history by heading on over to the HISTORY.md file.
Discover how you can contribute by heading on over to the CONTRIBUTING.md file.
These amazing people are maintaining this project:
No sponsors yet! Will you be the first?
These amazing people have contributed code to this project:
Unless stated otherwise all works are:
and licensed under:
FAQs
DocPad plugin that inlines CSS styles into element style attributes; great for email templates.
The npm package docpad-plugin-cssinliner receives a total of 0 weekly downloads. As such, docpad-plugin-cssinliner popularity was classified as not popular.
We found that docpad-plugin-cssinliner demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Four npm packages disguised as cryptographic tools steal developer credentials and send them to attacker-controlled Telegram infrastructure.
Security News
Ruby maintainers from Bundler and rbenv teams are building rv to bring Python uv's speed and unified tooling approach to Ruby development.
Security News
Following last week’s supply chain attack, Nx published findings on the GitHub Actions exploit and moved npm publishing to Trusted Publishers.