Last active
August 29, 2015 14:13
-
-
Save anpleenko/4c6430ec9c68353839e4 to your computer and use it in GitHub Desktop.
_sprite.scss
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@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); | |
//- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment