Questions tagged [gulp-spritesmith]
9 questions
5
votes
1 answer
Generate with the help of gulp-spritesmith property of a :hover rule instead of a class selector
I am using gulp-spritesmith to generate my sprite, and I face a problem:
I want some of the generated styles to be properties for hover rules, not for a class selectors. Adding class on mouseover event looks ugly, and I don't consider it as a…
Alexandr Lazarev
- 12,554
- 4
- 38
- 47
1
vote
0 answers
How can I name the files a pipe function create in gulp?
I have a folder with big images. the goal is to create smaller images in color, black and white and then merge everything to create a sprite.
I create 3 internal tasks to create the 3 variants of images. The issue appear when I merge them for…
HypeWolf
- 750
- 12
- 29
1
vote
2 answers
How to rewrite SASS map-merge, map-get in LESS
Can you help me to write some code for create sprite template in Less via gulp spritesmith?
I have sprite.template.mustache with Sass functions and mixins:
$icons: (0:0)
{{#items}}
$icons: map-merge($icons,({{name}}: (X: {{px.offset_x}},…
Макс Киригетов
- 31
- 5
1
vote
1 answer
Is there any way to append $ to a variable in sass?
I have around 196 images of country flags and each image is named after its two letter country code. I generated a sprite with all these images using gulp.spritesmith npm package. It also generates a css file (in my case, a scss file) to reference…
ShellZero
- 4,415
- 12
- 38
- 56
1
vote
1 answer
Can't Sprite using gulp.spritesmith
Showing Error when I sprite,
I an new in gulp sprite, I need help,
this the error showing my console
Error in plugin 'sass'
Message:
sass\custom\_sprite.scss
Error: index out of bounds for `nth($list, $n)`
on line 421 of…
Ajeeb Kalathingalthodi
- 168
- 8
1
vote
1 answer
TypeError: Cannot read property 'pipe' of undefined gulpjs
Im trying to setup gulp-spritesmith and getting the above error every time i paste something in the icons folder.Also trying to get it to compile through sass.Node version 2.14.12 on a mac.If there any other 'sprite' plugins that are easier to use…
Munei Nengwenani
- 113
- 2
- 10
1
vote
1 answer
Gulp with spritesmith and sass compilation
I have the following issue in my gulp build. In one task, I create sprite files for each of my folder and then I run a task compiling sass files which uses spritesmith sass files.
I got the following error :
Error: File to import not found or…
Julien Alary
- 780
- 1
- 5
- 16
0
votes
1 answer
Spritesmith gulp.dest pathing issue
Every time I run my sprite task, I get the error EPERM: operation not permitted, mkdir 'C:\Users\images'. I'd like the image path to be relative.
I don't understand why the destination for my new spritesheet is pointing in my Users directory when…
Eric Winterstine
- 1,133
- 1
- 6
- 4
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