FlandreScarle7/Font-Awesome
1
0
Fork 0
mirror of https://github.com/FortAwesome/Font-Awesome.git synced 2025-01-13 16:50:27 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Make the class name configurable.

Browse Source
This commit is contained in:
Brian McAllister 2013-02-17 20:01:49 -05:00
parent c63f958c68
commit f515a68a59
1 changed files with 10 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
sass/font-awesome.scss vendored
View File

@ -39,6 +39,8 @@
/* Font Awesome. */ /* Font Awesome. */
$font-awesome-path: '../font' !default; $font-awesome-path: '../font' !default;
$font-awesome-version: '3.0.2'; $font-awesome-version: '3.0.2';
$font-awesome-class-prefix: 'icon-' !default;
$font-awesome-class-selector: '[class^="#{$font-awesome-class-prefix}"], [class*=" #{$font-awesome-class-prefix}"]';
/* Bootstrap. */ /* Bootstrap. */
$font-awesome-using-bootstrap: true !default; $font-awesome-using-bootstrap: true !default;
@ -104,8 +106,7 @@ $experimental-support-for-webkit: true !default;
Main Font Awesome styles. Main Font Awesome styles.
---------------------------------- */ ---------------------------------- */
[class^="icon-"], #{$font-awesome-class-selector} {
[class*=" icon-"] {
font-family: FontAwesome; font-family: FontAwesome;
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
@ -190,8 +191,7 @@ ul {
text-indent: -.75em; text-indent: -.75em;
li { li {
[class^="icon-"], #{$font-awesome-class-selector} {
[class*=" icon-"] {
width: .75em; width: .75em;
} }
} }
@ -206,8 +206,7 @@ $font-awesome-list-selector: li;
} }
#{$font-awesome-list-selector} { #{$font-awesome-list-selector} {
[class^="icon-"], #{$font-awesome-class-selector} {
[class*=" icon-"] {
display: inline-block; display: inline-block;
width: 1.25em; width: 1.25em;
text-align: center; text-align: center;
@ -295,8 +294,7 @@ $font-awesome-list-selector: li;
float: left; float: left;
} }
[class^="icon-"], #{$font-awesome-class-selector} {
[class*=" icon-"] {
&.pull-left { &.pull-left {
margin-right: .3em; margin-right: .3em;
} }
@ -308,8 +306,7 @@ $font-awesome-list-selector: li;
@if $font-awesome-using-bootstrap { @if $font-awesome-using-bootstrap {
.btn { .btn {
[class^="icon-"], #{$font-awesome-class-selector} {
[class*=" icon-"] {
&.pull-left, &.pull-left,
&.pull-right { &.pull-right {
&.icon-2x { &.icon-2x {
@ -323,8 +320,7 @@ $font-awesome-list-selector: li;
} }
&.btn-small { &.btn-small {
[class^="icon-"], #{$font-awesome-class-selector} {
[class*=" icon-"] {
&.pull-left, &.pull-left,
&.pull-right { &.pull-right {
&.icon-2x { &.icon-2x {
@ -335,8 +331,7 @@ $font-awesome-list-selector: li;
} }
&.btn-large { &.btn-large {
[class^="icon-"], #{$font-awesome-class-selector} {
[class*=" icon-"] {
// Overrides Bootstrap default. // Overrides Bootstrap default.
margin-top: 0; margin-top: 0;
@ -713,4 +708,4 @@ $font-awesome-list-selector: li;
.icon-reply:before { content: "\f112"; } .icon-reply:before { content: "\f112"; }
.icon-github-alt:before { content: "\f113"; } .icon-github-alt:before { content: "\f113"; }
.icon-folder-close-alt:before { content: "\f114"; } .icon-folder-close-alt:before { content: "\f114"; }
.icon-folder-open-alt:before { content: "\f115"; } .icon-folder-open-alt:before { content: "\f115"; }