posthtml-inline-css

    1.2.3 • Public • Published

    posthtml-inline-css npm version Build Status

    PostHTML plugin for inlining CSS to style attrs

    Usage

    Plain CSS

    var posthtml = require('posthtml'),
        css = 'div { color: red }';
     
    posthtml([require('posthtml-inline-css')(css)])
        .process('<div style="font-size: 14px">Hello!</div>')
        .then(function (result) {
            console.log(result.html);
        });
     
    // <div style="font-size: 14px; color: red">Hello!</div>

    <style>

    var posthtml = require('posthtml'),
        html = '<style>div { color: red }</style><div>Hello!</div>';
     
    posthtml([require('posthtml-inline-css')()])
        .process(html)
        .then(function (result) {
            console.log(result.html);
        });
     
    // <style>div { color: red }</style><div style="color: red">Hello!</div>

    PostCSS

    var posthtml = require('posthtml'),
        postcss = require('postcss'),
        postcssObj = postcss(/* some PostCSS plugins */).process('div { color: white }');
     
     
    posthtml([require('posthtml-inline-css')(postcssObj)])
        .process('<div style="font-size: 14px">Hello!</div>')
        .then(function (result) {
            console.log(result.html);
        });
     
    // <div style="font-size: 14px; color: white">Hello!</div>

    Install

    npm i posthtml-inline-css

    DownloadsWeekly Downloads

    319

    Version

    1.2.3

    License

    MIT

    Last publish

    Collaborators

    • scrum
    • maltsev