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

Вопрос:Это указано в файле config.rb images_dir = "images" Я использую 2 папки для изображений в своих проектах внутри папки изображений images images/background/ images/content/ Если какие-либо изображения находятся внутри папки images/background/, то как я должен добавить путь к изображению в css background и переменные Sass? $header-img: "sass.gif"; и background-image: url('sass.gif?1327592426'); И как избавиться от этого автоматически

Вопрос:

Это указано в файле config.rb

images_dir = «images»

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

images images/background/ images/content/

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

$header-img: «sass.gif»;

и

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

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

Лучший ответ:

Вы должны использовать 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’)

Оцените статью
Добавить комментарий