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

Другие вопросы по тегам