Skip to content

Instantly share code, notes, and snippets.

@alexshive
Created October 1, 2013 23:58
Show Gist options
  • Select an option

  • Save alexshive/6787087 to your computer and use it in GitHub Desktop.

Select an option

Save alexshive/6787087 to your computer and use it in GitHub Desktop.
Font Awesome condensed
// Variables
// --------------------------
$FontAwesomePath: "../fonts/font-awesome" !default;
$FontAwesomeVersion: "3.2.1" !default;
/* FONT PATH
* -------------------------- */
@font-face {
font-family: 'FontAwesome';
src: url('#{$FontAwesomePath}/fontawesome-webfont.eot?v=#{$FontAwesomeVersion}');
src: url('#{$FontAwesomePath}/fontawesome-webfont.eot?#iefix&v=#{$FontAwesomeVersion}') format('embedded-opentype'),
url('#{$FontAwesomePath}/fontawesome-webfont.woff?v=#{$FontAwesomeVersion}') format('woff'),
url('#{$FontAwesomePath}/fontawesome-webfont.ttf?v=#{$FontAwesomeVersion}') format('truetype'),
url('#{$FontAwesomePath}/fontawesome-webfont.svg#fontawesomeregular?v=#{$FontAwesomeVersion}') format('svg');
font-weight: normal;
font-style: normal;
}
// Mixins
// --------------------------
@mixin icon-FontAwesome() {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
*margin-right: .3em; // fixes ie7 issues
}
/* FONT AWESOME CORE
* -------------------------- */
[class^="icon-"],
[class*=" icon-"] {
@include icon-FontAwesome();
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
text-decoration: inherit;
display: inline-block;
speak: none;
}
/* makes sure icons active on rollover in links */
a {
[class^="icon-"],
[class*=" icon-"] {
display: inline;
}
}
// Icons
$facebook: "\f09a";
$twitter: "\f099";
$linkedin: "\f0e1";
$google-plus: "\f0d5";
.icon-facebook:before { content: $facebook; }
.icon-twitter:before { content: $twitter; }
.icon-linkedin:before { content: $linkedin; }
.icon-google-plus:before { content: $google-plus; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment