anpleenko
1/19/2015 - 2:26 PM

_sprite.scss

_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);
//- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -