FortAwesome/Font-Awesome — pull request #53 by tquensen (2012-03-08 22:44:32+00:00)
Title: less mixins

Maybe this is useful for you :)

I added some less mixins to add icons to any element/selector

usage:

```LESS
.my-button {
.icon-full(@icon-download);
/* custom styles */
}
.my-other-button {
.icon-full(@icon-barcode, 1.5, #f00);
/* other styles */
}
.another-button {
.icon-lite(@icon-qrcode, 1, #0f0);
/* other styles */
}
```

compiles to

```CSS
.my-button:before {
font-family:FontAwesome;
font-weight:normal;
font-style:normal;
display:inline-block;
line-height:1em;
vertical-align:middle;
text-align:center;
width:1em;
margin-right:0.2em;
content:"\f01a";
font-size:1em;
line-height:1em;
color:inherit;
}
.my-other-button:before {
font-family:FontAwesome;
font-weight:normal;
font-style:normal;
display:inline-block;
line-height:1em;
vertical-align:middle;
text-align:center;
width:1em;
margin-right:0.2em;
content:"\f02a";
font-size:1.5em;
line-height:0.666666666667em;
color:#ff0000;
}
.another-button:before {
margin-right:0.2em;
content:"\f029";
font-size:1em;
line-height:1em;
color:#00ff00;
}
```

HTML example:

```HTML
click me
click me too
or click me
```