0.2.0 • Published 6 years ago

gulp-image-set-plus v0.2.0

Weekly downloads
1
License
MIT
Repository
github
Last release
6 years ago

Installation

npm install --save gulp-image-set-plus

Usage

var gulp = require('gulp')
var imageSet = require('gulp-image-set-plus')

gulp.task('image-set', function () {
  return gulp.src('my-file.css')
    .pipe(imageSet())
    .pipe(gulp.dest('dist'))
})

gulp.task('default', ['image-set'])

Input

.bg-img {
  background-image: image-set(url('my-img.png') 4x);
}

Output

.bg-img {
  background-image: url('my-img@1x.png');
  background-image: image-set(url('my-img@1x.png') 1x,url('my-img@2x.png') 2x, url('my-img@3x.png') 3x, url('my-img.png') 4x);
}