mirror of
https://github.com/FortAwesome/Font-Awesome.git
synced 2025-01-13 16:50:27 +08:00
Clean up configuration options.
- Use dashes instead of camelCase. - Make the color options specific to Font Awesome, and defaulted.
This commit is contained in:
parent
5bfe5041ab
commit
daf5885bd0
43
sass/font-awesome.scss
vendored
43
sass/font-awesome.scss
vendored
@ -21,18 +21,41 @@
|
||||
* Work: Lead Product Designer @ http://kyruus.com
|
||||
*/
|
||||
|
||||
$fontAwesomePath: "../font" !default;
|
||||
$borderColor: #eee;
|
||||
$iconMuted: #eee;
|
||||
@mixin border-radius($radius) { -webkit-border-radius: $radius; -moz-border-radius: $radius; border-radius: $radius; }
|
||||
/** ----------------------------------
|
||||
|
||||
Configuration.
|
||||
|
||||
---------------------------------- */
|
||||
$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-family: 'FontAwesome';
|
||||
src: url('#{$fontAwesomePath}/fontawesome-webfont.eot?v=3.0.1');
|
||||
src: url('#{$fontAwesomePath}/fontawesome-webfont.eot?#iefix&v=3.0.1') format("embedded-opentype"),
|
||||
url('#{$fontAwesomePath}/fontawesome-webfont.woff?v=3.0.1') format("woff"),
|
||||
url('#{$fontAwesomePath}/fontawesome-webfont.ttf?v=3.0.1') format("truetype");
|
||||
src: url('#{$font-awesome-path}/fontawesome-webfont.eot?v=3.0.1');
|
||||
src: url('#{$font-awesome-path}/fontawesome-webfont.eot?#iefix&v=3.0.1') format("embedded-opentype"),
|
||||
url('#{$font-awesome-path}/fontawesome-webfont.woff?v=3.0.1') format("woff"),
|
||||
url('#{$font-awesome-path}/fontawesome-webfont.ttf?v=3.0.1') format("truetype");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
@ -141,14 +164,14 @@ ul.icons {
|
||||
}
|
||||
|
||||
.icon-muted {
|
||||
color: $iconMuted;
|
||||
color: $font-awesome-icon-muted;
|
||||
}
|
||||
|
||||
// Icon Borders
|
||||
// -------------------------
|
||||
|
||||
.icon-border {
|
||||
border: solid 1px $borderColor;
|
||||
border: solid 1px $font-awesome-border-color;
|
||||
padding: .2em .25em .15em;
|
||||
@include border-radius(3px);
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user