Не удается заставить Compass генерировать спрайты значков

Я новичок в Compass, но я пытался использовать Compass в проекте для создания спрайтов значков. См. этот учебник:

ИМО, учебник не совсем ясен. Для начала, в учебнике никогда не говорится о создании файла «_icons.scss», содержащего миксин «all-icon-sprites».

@import "icon/*.png";
@include all-icon-sprites;

Результатом этого является ошибка:

  • «Синтаксическая ошибка: неопределенный миксин «все иконки-спрайты».

Поэтому я добавил файл "_icons.scss" в свой проект и изменил код на:

@import "icon/*.png";
@import "_icons";
@include all-icon-sprites;

Теперь я получаю эту ошибку:

  • Syntax error: Invalid CSS after " $delete-position": expected ")", was ": $icon-delete-..."
    • on line 28 of /path/to/_icons.scss

Может ли кто-нибудь объяснить мне, что я делаю неправильно? Или проблема действительно в файле "_icons.scss"?


sass compass-sass
person arthurakay    schedule 11.01.2011    source источник
comment
Согласно этой ветке (groups.google.com/group /compass-users/browse_thread/thread/) Я использовал сломанную версию Compass.   -  person arthurakay    schedule 11.01.2011
comment
фу. Да, обязательно возьмите последнюю бета-версию!   -  person chriseppstein    schedule 11.01.2011

Ответы (1)


arrow_upward
3
arrow_downward

В учебнике не говорится об импорте _icons.scss, потому что это не требуется. Вы либо импортируете файлы png, либо сгенерированный файл, но не оба. Они одинаковы, за исключением того, что если вы импортируете файлы png, вы в конечном итоге импортируете сгенерированную таблицу стилей, которая автоматически обновляется по мере изменения файлов png (переименовывает, добавляет, удаляет и т. д.).

у вас есть файлы png в каталоге ‹images>/icon?

Честно говоря, я ожидал увидеть эту ошибку, если версия компаса, обрабатывающая таблицу стилей, отличается от той, которую вы используете в командной строке. Вы компилируете с помощью рельсов или CLI?

person chriseppstein    schedule 11.01.2011
comment
Ага! Моя папка на самом деле называлась icons, поэтому, хотя я и пытался: @import icons/*.png; Поколение провалится. Моя конечная цель состоит в том, чтобы сгенерировать несколько наборов спрайтов... и, глядя на файл _icons.scss, я мог бы переписать часть логики, чтобы разрешить это. Очевидно, это БЕТА-версия, но есть ли у вас рекомендации? - person arthurakay; 11.01.2011
comment
Кроме того, есть ли способ избежать вывода /* строки 36, .._base.scss */ в файле CSS? Это просто некрасиво выглядит. - person arthurakay; 11.01.2011
comment
убедитесь, что :debug_info и :line_numbers отключены, чтобы удалить вывод - person Alvin; 06.08.2012