gss

gulp-stylus-sprite

Sprites with SpriteSmith + Stylus mixins

Showing:

Popularity

Downloads/wk

1

GitHub Stars

4

Maintenance

Last Commit

7yrs ago

Contributors

0

Package

Dependencies

10

License

CC-BY-3.0

Type Definitions

Tree-Shakeable

No?

Categories

Readme

  • Make sprites from each of *.sprite directories under the root
  • Each sprite is a separate image
  • Stylus mixin and config with sprite positions are also supplied

Usage:

gulp.task('sprite', taskSprite({
  spritesSearchFsRoot: 'app',
  spritesWebRoot: '/img',
  spritesFsDir: '/path/to/site/www/img',
  styleFsDir: '/path/to/site/app/stylesheets'
}));
  • spritesSearchFsRoot - the source root, sprites are searched as spritesSearchFsRoot/**/dir.sprite.
  • spritesWebRoot: - path in CSS to sprite image will be /img/dir.png
  • spritesWebRoot - generated sprite images will be stored in this dir here.
  • styleFsDir - stylus file with sprite mixins and coords will be put here

Thanks to @serheyshmyg for discussions and the draft version.

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100
No reviews found
Be the first to rate

Alternatives

No alternatives found

Tutorials

No tutorials found
Add a tutorial