grunt-inky

A grunt plugin for ZURB Inky. https://github.com/zurb/inky

                      ___
                   .-'   `'.
                  /         \
                  |         ;
                  |         |           ___.--,
         _.._     |0) ~ (0) |    _.---'`__.-( (_.
  __.--'`_.. '.__.\    '--. \_.-' ,.--'`     `""`
 ( ,.--'`   ',__ /./;   ;, '.__.'`    __
 _`) )  .---.__.' / |   |\   \__..--""  """--.,_
`---' .'.''-._.-'`_./  /\ '.  \ _.-~~~````~~~-._`-.__.'
      | |  .' _.-' |  |  \  \  '.               `~---`
       \ \/ .'     \  \   '. '-._)
        \/ /        \  \    `=.__`~-.
        / /\         `) )    / / `"".`\
  , _.-'.'\ \        / /    ( (     / /
   `--~`   ) )    .-'.'      '.'.  | (
          (/`    ( (`          ) )  '-;
           `      '-;         (-'

Getting Started

If you haven't used Grunt before, be sure to check out the Getting Started guide, as it explains how to create a Gruntfile as well as install and use Grunt plugins. Once you're familiar with that process, you may install this plugin with this command:

npm install grunt-inky --save-dev

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

grunt.loadNpmTasks('grunt-inky');

The "inky" task

Overview

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

grunt.initConfig({
    inky: {
        base: {
            options: {
                // your options for Inky
            },
            files: {
                'dest/index.html': ['src/index.html'],
            }
        }
    }
});

You can also use this syntax:

grunt.initConfig({
    inky: {
        base: {
            options: {
                // your options for Inky
            },
            files: [
                {
                    cwd: 'src/',
                    src: 'index.html',
                    dest: 'dest/',
                    filter: 'isFile',
                    expand: true
                }
            ]
        }
    }
});

Options

options.columnCount

Type: Number
Default value: 12

Column count for the grid. Make sure your Foundation for Emails project has the same column count in the Sass as well.

options.components

Type: Object
Default value:

{
    button: 'button',
    row: 'row',
    columns: 'columns',
    container: 'container',
    inky: 'inky',
    blockGrid: 'block-grid',
    menu: 'menu',
    menuItem: 'item'
}

Tag names for custom components. See Inky Docs for custom elements

Contributing

In lieu of a formal styleguide, take care to maintain the existing coding style. Lint and test your code before submitting a pull request.

Thanks

grunt-inky was created and is maintained by Michael Worm.

himynameistimli/grunt-inky