Skip to content
Eugene Lazutkin edited this page Mar 13, 2014 · 4 revisions

Type: String

Default value: none

A file name for a generated CSS file. If specified it is used as is. If not, as per grunt rules regular dest will be used with its extension replaced by '.css'.

Examples

Example #1

Default configuration:

grunt.initConfig({
  tight_sprite: {
    icons: {
      cwd: "images/icons",
      src: ["**/*.png"],
      dest: "images/icons.png"
    }
  }
})

CSS file's name will be 'images/icons.css'.

Example #2

Extension-less configuration:

grunt.initConfig({
  tight_sprite: {
    icons: {
      cwd: "images/icons",
      src: ["**/*.png"],
      dest: "images/icons"
    }
  }
})

CSS file's name will be 'images/icons.css'.

Example #3

Custom CSS file configuration:

grunt.initConfig({
  tight_sprite: {
    icons: {
      options: {
        cssDest: "style/icons.css"
      },
      cwd: "images/icons",
      src: ["**/*.png"],
      dest: "images/icons.png"
    }
  }
})

CSS file's name will be 'style/icons.css'.