https://github.com/israelalagbe/css-inliner

A javascript command line tool for inlining css code directly inside html file.
https://github.com/israelalagbe/css-inliner

Last synced: about 2 months ago
JSON representation

A javascript command line tool for inlining css code directly inside html file.

• Host: GitHub
• URL: https://github.com/israelalagbe/css-inliner
• Owner: israelalagbe
• Created: 2019-03-20T15:11:47.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2019-03-21T10:10:02.000Z (almost 6 years ago)
• Last Synced: 2023-12-08T17:07:36.341Z (about 1 year ago)
• Language: JavaScript
• Homepage:
• Size: 21.5 KB
• Stars: 2
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 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

```shell

$ npm install -g css-inline-tool

```

### Usage

---

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

```shell

$ css-inline source-file target-file

```

> e.g

#### style.css

```css

.box{

    width: 500px;

    height: 500px;

    background-color: blue;

}

a{

    color:red;

}

a:hover{

    color: blue;

}

```

## email-template.html

```html

    

    Welcome

    


    


```

> Run the following commannd to inline the html file

```shell

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

```

## Output  email-template-inlined.html

```html

    

        a:hover{

            color:blue !important

        }

    

    Welcome

    


    


```

### Clone

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