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

View File

@ -15,7 +15,8 @@
// ------------------------------------------- // -------------------------------------------
// Font Awesome courtesy of Dave Gandy at fortaweso.me/font-awesome // Font Awesome courtesy of Dave Gandy at fortaweso.me/font-awesome
[class^="icon-"]:before { [class^="icon-"]:before,
[class*=" icon-"]:before {
font-family: FontAwesome; font-family: FontAwesome;
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
@ -28,22 +29,28 @@
font-size: 4/3em; font-size: 4/3em;
} }
.btn [class^="icon-"] { .btn {
[class^="icon-"],
[class*=" icon-"] {
line-height: .9em; // keeps button heights with and without icons the same line-height: .9em; // keeps button heights with and without icons the same
}
} }
li { li {
[class^="icon-"] { [class^="icon-"],
[class*=" icon-"] {
display: inline-block; display: inline-block;
width: 1.25em; width: 1.25em;
text-align: center; 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 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; margin-left: 0;
list-style-type: none; 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 // random characters that represent icons
.icon-glass:before { content: "\f000"; } .icon-glass:before { content: "\f000"; }
.icon-music:before { content: "\f001"; } .icon-music:before { content: "\f001"; }