Здравствуйте.
Пытаюсь наладить генерацию спрайтов в gulp, по статье на
хабре.
В статье автор использует Stylus, у меня с ним тоже работает. Но мне нужно сделать на SASS.
Единственное остались не понятны следующие моменты:
Что за цифры в квадратных скобках, что они значат? С ними gulp выдает ошибку. Сам спрайт генерируется.
Error in plugin 'gulp-sass'
Message:
src\style\modules\_mixin.scss
52:9 error reading values after $sprite
Details:
column: 9
line: 52
file: E:/GIT-projects/mango_shop/src/style/modules/_mixin.scss
status: 1
messageFormatted: src\style\modules\_mixin.scss
52:9 error reading values after $sprite
Я так понимаю дело в синтаксисе, но я не нашел подобного в документации.
Вот сам код.
@mixin spriteWidth($sprite) {
width: $sprite[4];
}
@mixin spriteHeight($sprite) {
height: $sprite[5];
}
@mixin spritePosition($sprite) {
background-position: $sprite[2] $sprite[3];
}
@mixin spriteImage($sprite) {
background-image: url(../img/sprite/$sprite[8]);
}
@mixin sprite($sprite) {
@if !match('hover', selector()) && !match('active', selector()){
@include spriteImage($sprite)
}
@include spriteImage($sprite);
@include spritePosition($sprite);
@include spriteWidth($sprite);
@include spriteHeight($sprite);
}