fixing issue #1

This commit is contained in:
Dave Gandy 2012-03-06 13:42:51 -05:00
parent 1d07a83275
commit 3cfecc6cfa
2 changed files with 20 additions and 13 deletions

14
css/font-awesome.css vendored
View file

@ -5,7 +5,7 @@
font-weight: normal;
font-style: normal;
}
[class^="icon-"]:before {
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
@ -14,26 +14,26 @@
.icon-large:before {
font-size: 1.3333333333333333em;
}
.btn [class^="icon-"] {
.btn [class^="icon-"], .btn [class*=" icon-"] {
line-height: .9em;
}
li [class^="icon-"] {
li [class^="icon-"], li [class*=" icon-"] {
display: inline-block;
width: 1.25em;
text-align: center;
}
li .icon-large[class^="icon-"] {
li .icon-large[class^="icon-"], li .icon-large[class*=" icon-"] {
width: 1.875em;
}
li[class^="icon-"] {
li[class^="icon-"], li[class*=" icon-"] {
margin-left: 0;
list-style-type: none;
}
li[class^="icon-"]:before {
li[class^="icon-"]:before, li[class*=" icon-"]:before {
text-indent: -2em;
text-align: center;
}
li[class^="icon-"].icon-large:before {
li[class^="icon-"].icon-large:before, li[class*=" icon-"].icon-large:before {
text-indent: -1.3333333333333333em;
}
.icon-glass:before {

View file

@ -15,7 +15,8 @@
// -------------------------------------------
// Font Awesome courtesy of Dave Gandy at fortaweso.me/font-awesome
[class^="icon-"]:before {
[class^="icon-"]:before,
[class*=" icon-"]:before {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
@ -28,22 +29,28 @@
font-size: 4/3em;
}
.btn [class^="icon-"] {
.btn {
[class^="icon-"],
[class*=" icon-"] {
line-height: .9em; // keeps button heights with and without icons the same
}
}
li {
[class^="icon-"] {
[class^="icon-"],
[class*=" icon-"] {
display: inline-block;
width: 1.25em;
text-align: center;
}
.icon-large[class^="icon-"] {
.icon-large[class^="icon-"],
.icon-large[class*=" icon-"] {
width: 1.5*1.25em; // 1.5 increased font size for icon-large * 1.25 width
}
}
li[class^="icon-"] {
li[class^="icon-"],
li[class*=" icon-"] {
margin-left: 0;
list-style-type: none;
@ -56,7 +63,7 @@ li[class^="icon-"] {
}
}
// uses Unicode Private Use Area (PUA) to ensure screen readers do not read off
// Uses Unicode Private Use Area (PUA) to ensure screen readers do not read off
// random characters that represent icons
.icon-glass:before { content: "\f000"; }
.icon-music:before { content: "\f001"; }