massef
@massef

Как переписать участок кода stylus в sass?

Здравствуйте.
Пытаюсь наладить генерацию спрайтов в 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);
}
  • Вопрос задан
  • 360 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы