[fix] Reset some base styles to keep the original sprite icons from appearing

This commit is contained in:
Maxime Fabre 2012-05-21 17:37:10 +02:00
parent 3cfa5756b7
commit a55ba20d0a
4 changed files with 50 additions and 28 deletions

View File

@ -30,6 +30,11 @@
/* Font Awesome styles /* Font Awesome styles
------------------------------------------------------- */ ------------------------------------------------------- */
[class^="icon-"],
[class*=" icon-"] {
background: none;
width: auto;
line-height: 1; }
[class^="icon-"]:before, [class^="icon-"]:before,
[class*=" icon-"]:before { [class*=" icon-"]:before {
font-family: FontAwesome; font-family: FontAwesome;

View File

@ -36,14 +36,20 @@
/* Font Awesome styles /* Font Awesome styles
------------------------------------------------------- */ ------------------------------------------------------- */
[class^="icon-"]:before, [class^="icon-"],
[class*=" icon-"]:before { [class*=" icon-"] {
background: none;
width: auto;
line-height: 1;
&:before {
font-family: FontAwesome; font-family: FontAwesome;
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
display: inline-block; display: inline-block;
text-decoration: inherit; text-decoration: inherit;
} }
}
a [class^="icon-"], a [class^="icon-"],
a [class*=" icon-"] { a [class*=" icon-"] {

View File

@ -29,8 +29,13 @@ $font_path: "fontawesome-webfont" !default
/* Font Awesome styles /* Font Awesome styles
* ------------------------------------------------------- * -------------------------------------------------------
[class^="icon-"]:before, [class^="icon-"],
[class*=" icon-"]:before [class*=" icon-"]
background: none
width: auto
line-height: 1
&:before
font-family: FontAwesome font-family: FontAwesome
font-weight: normal font-weight: normal
font-style: normal font-style: normal

View File

@ -37,14 +37,20 @@ $font_path: "fontawesome-webfont" !default;
/* Font Awesome styles /* Font Awesome styles
------------------------------------------------------- */ ------------------------------------------------------- */
[class^="icon-"]:before, [class^="icon-"],
[class*=" icon-"]:before { [class*=" icon-"] {
background: none;
width: auto;
line-height: 1;
&:before {
font-family: FontAwesome; font-family: FontAwesome;
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
display: inline-block; display: inline-block;
text-decoration: inherit; text-decoration: inherit;
} }
}
a [class^="icon-"], a [class^="icon-"],
a [class*=" icon-"] { a [class*=" icon-"] {