css-inline-tool
v1.0.1
Published
A javascript library for inlining css code directly inside html file. It can search in other included css files in html and inline them
Downloads
72
Maintainers
israelalagbeReadme
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-toolUsage
You can use it directly by providing the source file and the target file
$ css-inline source-file target-filee.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.htmlOutput 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