# grunt-inline-css

**Repository Path**: mirrors_stevemao/grunt-inline-css

## Basic Information

- **Project Name**: grunt-inline-css
- **Description**: Grunt task for turning an html file with linked css to inline css.  Great for emails.
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-09-26
- **Last Updated**: 2025-09-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# grunt-inline-css

> Takes an html file with css link and turns inline. Great for emails. It leverages the amazing [juice](https://github.com/LearnBoost/juice) library.

## Getting Started
This plugin requires Grunt `~0.4.0`

If you haven't used [Grunt](http://gruntjs.com/) before, be sure to check out the [Getting Started](http://gruntjs.com/getting-started) guide, as it explains how to create a [Gruntfile](http://gruntjs.com/sample-gruntfile) as well as install and use Grunt plugins. Once you're familiar with that process, you may install this plugin with this command:

Via HTTPS
```shell
npm install git+https://github.com/stevemao/grunt-inline-css.git --save-dev
```

Or

Via SSH
```shell
npm install git@github.com:stevemao/grunt-inline-css.git --save-dev
```

One the plugin has been installed, it may be enabled inside your Gruntfile with this line of JavaScript:

```js
grunt.loadNpmTasks('grunt-inline-css');
```

## The "inlineCss" task

### Overview
In your project's Gruntfile, add a section named `inlineCss` to the data object passed into `grunt.initConfig()`.

```js
grunt.initConfig({
	inlineCss: {
		main: {
			options: {
			},
			files: {
				'out.html': 'in.html'
			}
		}

        folder: {
            options: {
                extraCss: 'body { background: green; }'
            },
            folders: {
                'tmp2': 'test/fixtures'
            }
        }
	}
})
```

You can see available options [here](https://github.com/LearnBoost/juice#juicefilepath-options-callback)

## Contributing
In lieu of a formal styleguide, take care to maintain the existing coding style. Add unit tests for any new or changed functionality. Lint and test your code using [Grunt](http://gruntjs.com/).