Путь фоновых изображений в Sass и Compass - PullRequest
Новая
       3

Путь фоновых изображений в Sass и Compass

15 голосов
/ 26 января 2012

Это упоминается в файле config.rb 

images_dir = "images"

Я использую 2 папки для изображений в моих проектах в папке images 

images
images/background/
images/content/

Если какие-либо изображения находятся внутри images/background/ папка тогда как мне добавить путь к изображению в css background и переменные Sass? 

$header-img: "sass.gif";

и 

background-image: url('sass.gif?1327592426');

И как получитьизбавиться от этого автоматически сгенерированного ?1327592426 из каждого фонового изображения?

1 Ответ

35 голосов
/ 27 января 2012

Вы должны использовать image-url URL-помощник . Он «генерирует путь к найденному ресурсу относительно каталога изображений проекта», который вы определили в своем config.rb. Вы также можете установить третий параметр $cache-buster в значение false, чтобы удалить сгенерированный ?1327592426

Sass: 

// image-url arguments:
// $path: path relative to images directory in config.rb
// $path-only: if true, will cause only the path to be returned instead of a `url()` function
// $cache-buster: When set to `false` no cache buster will be used (i.e. `?313420982`)
$header-img: image-url('background/sass.gif', false, false)
background-image: $header-img

Сгенерированный CSS: 

background-image: url('images/background/sass.gif')
...