grunt-spritesmith is a Grunt task for converting a set of images into a spritesheet and corresponding CSS variables.
grunt-spritesmith is a Grunt task for converting a set of images into a spritesheet and corresponding CSS variables.
Questions tagged [grunt-spritesmith]
10 questions
4
votes
2 answers
gulp.spritesmith to supress "icon-" prefix in the generated css file
I am using gulp.spritesmith to automate sprite image and css generation. All works good except the generated css is haivng "icon-" prefix. I don't want to add this prefix as I have existing HTML markup and I don't want to change the markup.…
joy
- 3,669
- 7
- 38
- 73
3
votes
0 answers
grunt sprite Fatal error: grunt.sprite requires a src, dest (img), and destCss property
I am trying run grunt sprite on my project: https://github.com/Ensighten/grunt-spritesmith
all folders and files exists and are there, any help?
after run on terminal: grunt sprite
I got this.
Fatal error: grunt.sprite requires a src, dest (img),…
raduken
- 2,091
- 16
- 67
- 105
2
votes
0 answers
How do I make the sprite images generated by webpack-spritesmith responsive using CSS?
When using webpack-spritesmith to generate a sprite image, the css generated typically looks like this:
.icon-AutoFollow {
background-image: url(images/sprite.jpg);
background-position: -2222px 0px;
width: 800px;
height:…
t-bone
- 184
- 2
- 14
1
vote
1 answer
Grunt - Fatal error: Ran out of data
Got this weird one on my gruntfile while processing images using spritesmith.. anyone every come across this ?
Heres my gruntfile.. nothing too major but the issue arises when it comes to the sprite generation... im guessing its a memory problem
…
Kravitz
- 2,769
- 6
- 26
- 53
1
vote
0 answers
after changing _imageFile.png grunt sprite has error
I changed this image file (_something.png) which is a part of sprite.png. Everything is fine until I change the file with photoshop.
But I get this error with grunt sprite when I change the image file with photoshop
(grunt watch is running)
File…
Jake Kwon
- 45
- 6
1
vote
1 answer
grunt-sass calling a mixin twice results in error
I run into the following oddity ....
I have a sprite image generated using grunt-spritesmith).
Further .. I have a mixin, called sprite, which gives me the position, height and width based on a var which is passed as argument.
If I call the mixin…
Paul0515
- 23,515
- 9
- 32
- 47
0
votes
1 answer
Gulp spritesmith 'getting started' task is doing nothing
I just copy pasted the getting started task :
var gulp = require('gulp');
var spritesmith = require('gulp.spritesmith');
gulp.task('sprite', function () {
console.log("inside sprite");
var spriteData =…
Rohit Rane
- 2,790
- 6
- 25
- 41
0
votes
0 answers
Grunt-Spritesmith: How can I lowercase the file name in the handlebar template?
I have this:
{{#items}}
.ts-{{name}} { background-position: sprite_position_percentage( {{px.offset_x}}, {{px.offset_y}} ) }
{{/items}}
How can I lowecase the name variable?
I tried {{name.toLowerCase()}} but the output produced was missing the…
aaandre
- 2,502
- 5
- 33
- 46
0
votes
0 answers
grunt-spritesmith and load-grunt-config doesn't work
When I run task:
grunt sprite
I receive this error:
jit-grunt: Plugin for the "sprite" task not found.
If you have installed the plugin already, please setting the static mapping.
See…
JosWM
- 1
- 1
0
votes
1 answer
Output a single base css class to specify background-image
I am using grunt-spritesmith and it generates a css file such as this:
.icon-admin {
background-image: url(../sprites/spritesheet.png);
background-position: -288px -856px;
width: 37px;
height: 32px;
}
.icon-report {
background-image:…
user3970044