A gulp plugin for using imacss (the image to datauri to CSS transformer).
npm install gulp-imacss> imacss (the image to datauri to CSS transformer) plugin for gulp
First, install gulp-imacss as a development dependency:
``shell`
npm install --save-dev gulp-imacss
Then, add it to your gulpfile.js:
`javascript
var imacss = require('gulp-imacss');
gulp.task('imacss', function () {
gulp.src('./images/*/.svg')
.pipe(imacss('images.svg.css'))
.pipe(gulp.dest('./build/'));
});
`
You're are also able to do something different before piping it to imacss:
`javascript
var svg2png = require('gulp-svg2png');
var imacss = require('gulp-imacss');
gulp.task('imacss', function () {
gulp.src('./images/*/.svg')
.pipe(svg2png())
.pipe(imacss('images.png.css'))
.pipe(gulp.dest('./build/'));
});
`
In this case the result would be first a transformation from SVG to PNG images and then the production of the CSS file images.png.css.
#### filename
Type: String
Default: undefined
Name of the CSS file that should be generated, e.g. images.svg.css.
#### namespace (optional)
Type: String`
Default: undefined
Namespace of the CSS classes.
Copyright 2014 - 2015, André König (andre.koenig@posteo.de)