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

docs for diagonal layout

Browse Source
This commit is contained in:
Scott Davis 2011-08-02 22:13:13 -04:00
parent 08e92fadb2
commit 5f2cf884b6
1 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -55,11 +55,20 @@ is located within it.
<a name="layout-control"></a> <a name="layout-control"></a>
## Layout Control ## Layout Control
If you prefer horizontal sprites to the `vertical` default just set the magic variable `$<sprite>-layout` variable. Set the `$<sprite>-layout` variable to the preferred layout method.
* vertical - default
* horizontal - lays images out side by side
* diagonal - lays images out corner to corner none of the spacing of padding options are taken into account
Example:
$icon-layout:horizontal; $icon-layout:horizontal;
@import "icon/*.png"; @import "icon/*.png";
$dropcap-layout:diagonal
@import "dropcap/*.png";
<a name="selector-control"></a> <a name="selector-control"></a>
## Selector Control ## Selector Control