_sprite.scss
@charset "UTF-8";
//- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
// по умолчанию папка где находятся спрайты, для этого файла настроек
// располагается в img/sprite, и компилируются в папку img
// импортируем стандартную утилиту Compsass для работы со спрайтами
//- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
@import "compass/utilities/sprites";
//- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
// эта переменная нужна для вставки в стиль width и height каждой картинки
// переменная задается так
// $ + "имя папки со спрайтами" + -sprite-dimensions
// принимает заначения true и false, по умалчанию false
// при true добавляются стили
//- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
$sprite-sprite-dimensions: true;
//- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
// этот импорт показывает откуда брать спрайты
// строиться импорт так:
// @import + "имя папки со спрайтами" + /.png";
// для того чтобы использовать пути спрайтов относительнопапки проекта
// нужно в файле config.rb указать параметр relative_assets = true
//- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
@import "sprite/*.png";
//- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
// для вызова спрайта внутри селектора нужно прописать так
// конструкция строиться так
// @include + "имя папки со спрайтами" + -sprite(+ "название файла" +);
// пример использования:
// @include sprite-sprite(back-link);
//- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -