Skip to content

Commit

Permalink
docs: update mention to spritesheets in README
Browse files Browse the repository at this point in the history
  • Loading branch information
t1st3 committed Mar 19, 2015
1 parent bd461e4 commit 00a7cfc
Showing 1 changed file with 16 additions and 2 deletions.
18 changes: 16 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -28,9 +28,23 @@ All icons are supplied in GIF format.
CSS spritesheets
----------

In addition to the icons by themselves, this project also ships a CSS spritesheet for the icon-pack. Those spritesheet allows to load the entire icon-pack in just 1 image, and thus reduce HTTP calls.
You can insert the icons directly into your HTML with a common IMG tag:

```
<img alt="Refresh" src="dist/gif/action_refresh_blue.gif" width="16" height="11">
```


In addition to the icons by themselves, this project also ships a CSS spritesheet for the icon-pack. This spritesheet allows to load the entire icon-pack in just 1 image, and thus reduce HTTP calls.

All the positioning of the icons inside this alone image is made through CSS, which allows you to just add block-type tags with the proper class and get the same result:

```
<div class="famfamfam-mini action_refresh_blue"></div>
```

Just remember to add the CSS stylesheet to the HEAD of your HTML page!

All the positioning of the icons inside this alone image is made through CSS.



Expand Down

0 comments on commit 00a7cfc

Please sign in to comment.