github-migration/compass
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

updated spriting docs via #403 closes #403

Browse Source
This commit is contained in:
Scott Davis 2011-10-05 02:01:27 -04:00
parent 1b3e7a3a6b
commit 7e32d91ae6
1 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
doc-src/content/help/tutorials/spriting.markdown
View File

@ -25,7 +25,7 @@ For this tutorial, let's imagine that in your project's image folder there are f
* `images/icon/delete.png` * `images/icon/delete.png`
Each is an icon that is 32px square. Each is an icon that is 32px square.
<a name="basic-usage"></a>
## Basic Usage ## Basic Usage
****Note**: The use of `icon` is only for this example, "icon" represents the folder name that contains your sprites. ****Note**: The use of `icon` is only for this example, "icon" represents the folder name that contains your sprites.
@ -59,6 +59,16 @@ simple naming convention for your sprites so that you they are easy to remember
should never have to care what the is name of the generated sprite map, nor where a sprite should never have to care what the is name of the generated sprite map, nor where a sprite
is located within it. is located within it.
<a name='nested-folders'></a>
## Nested Folders
Sprites stored in nested folder will use the last folder name in the path as the sprite name
Example:
@import "themes/orange/*.png";
@include all-orange-sprite;
<a name="selector-control"></a> <a name="selector-control"></a>
## Selector Control ## Selector Control