Clean up configuration options.

- Use dashes instead of camelCase.
- Make the color options specific to Font Awesome, and defaulted.
This commit is contained in:
Brian McAllister 2013-02-17 17:31:46 -05:00
parent 5bfe5041ab
commit daf5885bd0

View File

@ -21,18 +21,41 @@
* Work: Lead Product Designer @ http://kyruus.com * Work: Lead Product Designer @ http://kyruus.com
*/ */
$fontAwesomePath: "../font" !default; /** ----------------------------------
$borderColor: #eee;
$iconMuted: #eee; Configuration.
@mixin border-radius($radius) { -webkit-border-radius: $radius; -moz-border-radius: $radius; border-radius: $radius; }
---------------------------------- */
$font-awesome-path: '../font' !default;
/* Colors. */
$font-awesome-border-color: #eee !default;
$font-awesome-icon-muted: $font-awesome-border-color !default;
/** ----------------------------------
Mixins.
---------------------------------- */
@mixin border-radius($radius) {
-webkit-border-radius: $radius;
-moz-border-radius: $radius;
border-radius: $radius;
}
/** ----------------------------------
Font face definition.
---------------------------------- */
@font-face { @font-face {
font-family: 'FontAwesome'; font-family: 'FontAwesome';
src: url('#{$fontAwesomePath}/fontawesome-webfont.eot?v=3.0.1'); src: url('#{$font-awesome-path}/fontawesome-webfont.eot?v=3.0.1');
src: url('#{$fontAwesomePath}/fontawesome-webfont.eot?#iefix&v=3.0.1') format("embedded-opentype"), src: url('#{$font-awesome-path}/fontawesome-webfont.eot?#iefix&v=3.0.1') format("embedded-opentype"),
url('#{$fontAwesomePath}/fontawesome-webfont.woff?v=3.0.1') format("woff"), url('#{$font-awesome-path}/fontawesome-webfont.woff?v=3.0.1') format("woff"),
url('#{$fontAwesomePath}/fontawesome-webfont.ttf?v=3.0.1') format("truetype"); url('#{$font-awesome-path}/fontawesome-webfont.ttf?v=3.0.1') format("truetype");
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@ -141,14 +164,14 @@ ul.icons {
} }
.icon-muted { .icon-muted {
color: $iconMuted; color: $font-awesome-icon-muted;
} }
// Icon Borders // Icon Borders
// ------------------------- // -------------------------
.icon-border { .icon-border {
border: solid 1px $borderColor; border: solid 1px $font-awesome-border-color;
padding: .2em .25em .15em; padding: .2em .25em .15em;
@include border-radius(3px); @include border-radius(3px);
} }