Compass + CodeKit странность спрайта изображения (ошибка)
При создании спрайт-листа CodeKit у меня есть следующие SCSS:
@import "../images/quiz/*.png";
@include all-quiz-sprites;
и config.rb имеет папку с изображениями как "images", которая работает нормально.
Однако, когда я смотрю на сгенерированный CSS, я получаю следующее, что приводит к 404:
.quiz-sprite {
background: url('/images/../images/quiz-s2c8de87230.png') no-repeat;
}
Codekit или Compass генерирует дополнительный "/ images /.." - когда я удаляю это вручную из CSS, он правильно находит таблицу спрайтов во время ее создания в ../images/quiz-s2c8de87230.png
Есть идеи?
1 ответ
Чтобы это исправить, я в итоге изменил config.rb, чтобы отразить следующее (включенные относительные ресурсы):
# To enable relative paths to assets via compass helper functions. Uncomment:
relative_assets = true
А затем удалил префикс "images" из моего файла SCSS:
@import "quiz/*.png";
Оказывается, Compass уже добавляет префикс к папке с изображениями в сгенерированную таблицу спрайтов и добавит "../", когда флаг lative_assets = true не закомментирован.
Надеюсь, это поможет кому-то там:D