implementing prefix from AlvinLing b7976b8a10

This commit is contained in:
Budi Dharmawan 2013-01-05 20:27:38 +07:00
parent 8f93d701a0
commit b0d91e4a3a
2 changed files with 15 additions and 12 deletions

View File

@ -20,8 +20,8 @@
* Work: Lead Product Designer @ http://kyruus.com * Work: Lead Product Designer @ http://kyruus.com
$fontAwesomePath: "../font" !default $fontAwesomePath: "../font" !default
$borderColor: #eee $fontAwesomeBorderColor: #eee !default
$iconMuted: #eee $fontAwesomeMutedColor: #eee !default
@mixin border-radius($radius) @mixin border-radius($radius)
-webkit-border-radius: $radius -webkit-border-radius: $radius
-moz-border-radius: $radius -moz-border-radius: $radius
@ -97,13 +97,13 @@ ul.icons
width: .75em width: .75em
.icon-muted .icon-muted
color: $iconMuted color: $fontAwesomeMutedColor
// Icon Borders // Icon Borders
// ------------------------- // -------------------------
.icon-border .icon-border
border: solid 1px $borderColor border: solid 1px $fontAwesomeBorderColor
padding: .2em .25em .15em padding: .2em .25em .15em
@include border-radius(3px) @include border-radius(3px)

View File

@ -22,10 +22,13 @@
*/ */
$fontAwesomePath: "../font" !default; $fontAwesomePath: "../font" !default;
$borderColor: #eee; $fontAwesomeBorderColor: #eee !default;
$iconMuted: #eee; $fontAwesomeMutedColor: #eee !default;
@mixin border-radius($radius) { -webkit-border-radius: $radius; -moz-border-radius: $radius; border-radius: $radius; } @mixin border-radius($radius) {
-webkit-border-radius: $radius;
-moz-border-radius: $radius;
border-radius: $radius;
}
@font-face { @font-face {
font-family: 'FontAwesome'; font-family: 'FontAwesome';
@ -115,14 +118,14 @@ ul.icons {
} }
.icon-muted { .icon-muted {
color: $iconMuted; color: $fontAwesomeMutedColor;
} }
// Icon Borders // Icon Borders
// ------------------------- // -------------------------
.icon-border { .icon-border {
border: solid 1px $borderColor; border: solid 1px $fontAwesomeBorderColor;
padding: .2em .25em .15em; padding: .2em .25em .15em;
@include border-radius(3px); @include border-radius(3px);
} }