❤
npm
Sign UpSign In

css-inline-tool

1.0.1 • Public • Published

CSS-Inliner

A javascript command line tool for inlining css code directly inside html file.
It can search in included css files in html and also inline them
This tool can be very useful when writing a mail template where only inline css are supported

Installation

Install your package globally

$ npm install -g css-inline-tool

Usage

You can use it directly by providing the source file and the target file

$ css-inline source-file target-file

e.g

style.css

.box{
    width: 500px;
    height: 500px;
    background-color: blue;
}
a{
    color:red;
}
a:hover{
    color: blue;
}

email-template.html

<html>
<head>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <a>Welcome</a>
    <div class="box">
 
    </div>
</body>
</html>

Run the following commannd to inline the html file

$ css-inline email-template.html email-template-inlined.html

Output email-template-inlined.html

<html>
<head>
    <style>
        a:hover{
            color:blue !important
        }
    </style> 
</head>
<body>
    <a style="color:red">Welcome</a>
    <div class="box" style="width:500px;height:500px;background-color:blue">
 
    </div>
</body>
</html>

Clone

  • Clone this repo to your local machine using https://github.com/israelalagbe/CSS-Inliner.git

Readme

Keywords

Package Sidebar

Install

npm i css-inline-tool

Repository

github.com/israelalagbe/CSS-Inliner

Homepage

github.com/israelalagbe/CSS-Inliner#readme

Weekly Downloads

3

Version

1.0.1

License

ISC

Unpacked Size

4.74 kB

Total Files

3

Last publish

Collaborators

  • israelalagbe
Try on RunKit
Report malware