stylus-images

Enhanced stylus image handling plugin

npm install stylus-images
2 downloads in the last day
123 downloads in the last week
622 downloads in the last month

stylus-images

Build Status

Image linking utilities for Stylus.

  • Merges duplicated data URIs
  • Loads resolution dependent images when available
  • Moves non-inlined relative url's into the output directory

Release Notes

Version 1.0

  • Rework the API to support multiple file output from a single stylus execution.

Old stylus plugin-based implementation is still an option using require('stylus-images').plugins

New implementations should use the stylus-image object in place of direct stylus calls:

  var stylusImages = require('stylus-images');

  var compiler = stylusImages('some stylus', {
    images: {
      limit: 123,
      resolutions: [1, 2]
    }
  });
  compiler.set('compress', true);
  compiler.render(function(err, data) {
    writeFile('css.css', data['1']);
    writeFile('css@1.5.css', data['1.5']);
    writeFile('css@2x.css', data['2']);
  });
npm loves you