options.cssDest

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: {
      options: {
        hide: "images/icons/"
      },
      src: ["images/icons/**/*.png"],
      dest: "images/icons.png"
    }
  }
})

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

Example #2

Extension-less configuration:

grunt.initConfig({
  tight_sprite: {
    icons: {
      options: {
        hide: "images/icons/"
      },
      src: ["images/icons/**/*.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",
        hide: "images/icons/"
      },
      src: ["images/icons/**/*.png"],
      dest: "images/icons.png"
    }
  }
})

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