Prefixed SASS/SCSS variables to avoid conflicts, set variables as !default

This commit is contained in:
Alvin Ling 2013-01-04 11:17:45 -05:00
parent 16b6298026
commit b7976b8a10
2 changed files with 15 additions and 11 deletions

View File

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

View File

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