port to SCSS

less/core.less

@@ -49,6 +49,7 @@
   }
 }
 
+
 // allows usage of the hide class directly on font awesome icons
 .fa-icon.hide { display: none; }
 
@@ -66,6 +67,7 @@
   border-radius: 3px;
 }
 
+
 // Icon Sizes
 // -------------------------
 
@@ -90,7 +92,6 @@
     border-radius: 6px;
   }
 }
-
 .fa-icon-5x {
   font-size: 5em;
   &.fa-icon-border {

scss/_core.scss

@@ -1,113 +1,102 @@
 /* FONT AWESOME CORE
  * -------------------------- */
 
-[class^="icon-"],
-[class*=" icon-"] {
-  @include icon-FontAwesome();
-}
-
-[class^="icon-"]:before,
-[class*=" icon-"]:before {
+.fa-icon {
   display: inline-block;
-  text-decoration: inherit;
-  speak: none;
+  font-family: FontAwesome;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
 }
 
 /* makes the font 33% larger relative to the icon container */
-.icon-large:before {
-  font-size: (4em/3);
-  vertical-align: -10%;
+.fa-icon-lg {
+  font-size: (4em / 3);
+  line-height: (3em / 4);
+  vertical-align: -15%;
 }
-
-/* makes sure icons active on rollover in links */
-a {
-  [class^="icon-"],
-  [class*=" icon-"] {
-    display: inline;
+/* increased font size for icon-lg */
+.fa-icon-fixed-width {
+  width: (16em / 14);
+  padding-right: (4em / 14);
+  text-align: right;
+  &.fa-icon-lg {
+    width: (20em / 14);
   }
 }
 
-/* increased font size for icon-large */
-[class^="icon-"],
-[class*=" icon-"] {
-  &.icon-fixed-width {
-    display: inline-block;
-    width: (16em/14);
-    padding-right: (4em/14);
-    text-align: right;
-    &.icon-large {
-      width: (20em/14);
-    }
-  }
-}
 
-.icons-ul {
+// Icon UL & LI
+// -------------------------
+
+.fa-icon-ul {
   padding-left: 0;
-  margin-left: $icons-li-width;
+  margin-left: $fa-icon-li-width;
   list-style-type: none;
 
   > li { position: relative; }
-
-  .icon-li {
-    position: absolute;
-    left: -$icons-li-width;
-    width: $icons-li-width;
-    line-height: inherit;
-    text-align: center;
+}
+.fa-icon-li {
+  position: absolute;
+  left: -$fa-icon-li-width;
+  width: $fa-icon-li-width;
+  top: (2em / 14);
+  text-align: center;
+  &.fa-icon-lg {
+    left: -$fa-icon-li-width + (4em / 14);
   }
 }
 
+
 // allows usage of the hide class directly on font awesome icons
-[class^="icon-"],
-[class*=" icon-"] {
-  &.hide {
-    display: none;
-  }
-}
+.fa-icon.hide { display: none; }
+
+.fa-icon-muted { color: $fa-icon-muted; }
+.fa-icon-light { color: $fa-icon-light; }
+.fa-icon-dark { color: $fa-icon-dark; }
 
-.icon-muted { color: $iconMuted; }
-.icon-light { color: $iconLight; }
-.icon-dark { color: $iconDark; }
 
 // Icon Borders
 // -------------------------
 
-.icon-border {
+.fa-icon-border {
   padding: .2em .25em .15em;
-  border: solid 1px $borderColor;
-  @include border-radius(3px);
+  border: solid 1px $fa-border-color;
+  border-radius: 3px;
 }
 
+
 // Icon Sizes
 // -------------------------
 
-.icon-2x {
+.fa-icon-2x {
   font-size: 2em;
-  &.icon-border {
+  &.fa-icon-border {
     border-width: 2px;
-    @include border-radius(4px);
+    border-radius: 4px;
   }
 }
-.icon-3x {
+.fa-icon-3x {
   font-size: 3em;
-  &.icon-border {
+  &.fa-icon-border {
     border-width: 3px;
-    @include border-radius(5px);
+    border-radius: 5px;
   }
 }
-.icon-4x {
+.fa-icon-4x {
   font-size: 4em;
-  &.icon-border {
+  &.fa-icon-border {
     border-width: 4px;
-    @include border-radius(6px);
+    border-radius: 6px;
   }
 }
-
-.icon-5x {
+.fa-icon-5x {
   font-size: 5em;
-  &.icon-border {
+  &.fa-icon-border {
     border-width: 5px;
-    @include border-radius(7px);
+    border-radius: 7px;
   }
 }
 
@@ -119,12 +108,7 @@ a {
 .pull-right { float: right; }
 .pull-left { float: left; }
 
-[class^="icon-"],
-[class*=" icon-"] {
-  &.pull-left {
-    margin-right: .3em;
-  }
-  &.pull-right {
-    margin-left: .3em;
-  }
+.fa-icon {
+  &.pull-left { margin-right: .3em; }
+  &.pull-right { margin-left: .3em; }
 }

scss/_extras.scss

@@ -2,24 +2,16 @@
  * -------------------------- */
 
 /* Stacked and layered icon */
-@include icon-stack();
+@include fa-icon-stack();
 
 /* Animated rotating icon */
-.icon-spin {
-  display: inline-block;
+.fa-icon-spin {
   -webkit-animation: spin 2s infinite linear;
   -moz-animation: spin 2s infinite linear;
   -o-animation: spin 2s infinite linear;
   animation: spin 2s infinite linear;
 }
 
-/* Prevent stack and spinners from being taken inline when inside a link */
-a .icon-stack,
-a .icon-spin {
-  display: inline-block;
-  text-decoration: none;
-}
-
 @-moz-keyframes spin {
   0% { -moz-transform: rotate(0deg); }
   100% { -moz-transform: rotate(359deg); }
@@ -41,53 +33,13 @@ a .icon-spin {
   100% { transform: rotate(359deg); }
 }
 
-/* Icon rotations and mirroring */
-.icon-rotate-90:before {
-  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-  -webkit-transform: rotate(90deg);
-  -moz-transform: rotate(90deg);
-  -ms-transform: rotate(90deg);
-  -o-transform: rotate(90deg);
-  transform: rotate(90deg);
-}
-
-.icon-rotate-180:before {
-  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-  -webkit-transform: rotate(180deg);
-  -moz-transform: rotate(180deg);
-  -ms-transform: rotate(180deg);
-  -o-transform: rotate(180deg);
-  transform: rotate(180deg);
-}
-
-.icon-rotate-270:before {
-  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-  -webkit-transform: rotate(270deg);
-  -moz-transform: rotate(270deg);
-  -ms-transform: rotate(270deg);
-  -o-transform: rotate(270deg);
-  transform: rotate(270deg);
-}
 
-.icon-flip-horizontal:before {
-  -webkit-transform: scale(-1, 1);
-  -moz-transform: scale(-1, 1);
-  -ms-transform: scale(-1, 1);
-  -o-transform: scale(-1, 1);
-  transform: scale(-1, 1);
-}
+// Icon rotations & flipping
+// -------------------------
 
-.icon-flip-vertical:before {
-  -webkit-transform: scale(1, -1);
-  -moz-transform: scale(1, -1);
-  -ms-transform: scale(1, -1);
-  -o-transform: scale(1, -1);
-  transform: scale(1, -1);
-}
+.fa-icon-rotate-90  { @include fa-icon-rotate(90deg, 1);  }
+.fa-icon-rotate-180 { @include fa-icon-rotate(180deg, 2); }
+.fa-icon-rotate-270 { @include fa-icon-rotate(270deg, 3); }
 
-/* ensure rotation occurs inside anchor tags */
-a {
-  .icon-rotate-90, .icon-rotate-180, .icon-rotate-270, .icon-flip-horizontal, .icon-flip-vertical {
-    &:before { display: inline-block; }
-  }
-}
+.fa-icon-flip-horizontal { @include fa-icon-flip(-1, 1); }
+.fa-icon-flip-vertical   { @include fa-icon-flip(1, -1); }

scss/_icons.scss

@@ -1,401 +1,401 @@
 /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
- * readers do not read off random characters that represent icons */
+   readers do not read off random characters that represent icons */
 
-.icon-glass:before { content: $glass; }
-.icon-music:before { content: $music; }
-.icon-search:before { content: $search; }
-.icon-envelope-alt:before { content: $envelope-alt; }
-.icon-heart:before { content: $heart; }
-.icon-star:before { content: $star; }
-.icon-star-alt:before { content: $star-alt; }
-.icon-user:before { content: $user; }
-.icon-film:before { content: $film; }
-.icon-th-large:before { content: $th-large; }
-.icon-th:before { content: $th; }
-.icon-th-list:before { content: $th-list; }
-.icon-check:before { content: $check; }
-.icon-times:before { content: $times; }
-.icon-zoom-in:before { content: $zoom-in; }
-.icon-zoom-out:before { content: $zoom-out; }
-.icon-power-off:before { content: $power-off; }
-.icon-signal:before { content: $signal; }
-.icon-gear:before,
-.icon-cog:before { content: $cog; }
-.icon-trash:before { content: $trash; }
-.icon-home:before { content: $home; }
-.icon-file-alt:before { content: $file-alt; }
-.icon-time:before { content: $time; }
-.icon-road:before { content: $road; }
-.icon-download:before { content: $download; }
-.icon-arrow-circle-alt-down:before { content: $arrow-circle-alt-down; }
-.icon-arrow-circle-alt-up:before { content: $arrow-circle-alt-up; }
-.icon-inbox:before { content: $inbox; }
-.icon-play-circle-alt:before { content: $play-circle-alt; }
-.icon-rotate-right:before,
-.icon-repeat:before { content: $repeat; }
-.icon-refresh:before { content: $refresh; }
-.icon-list-alt:before { content: $list-alt; }
-.icon-lock:before { content: $lock; }
-.icon-flag:before { content: $flag; }
-.icon-headphones:before { content: $headphones; }
-.icon-volume-off:before { content: $volume-off; }
-.icon-volume-down:before { content: $volume-down; }
-.icon-volume-up:before { content: $volume-up; }
-.icon-qrcode:before { content: $qrcode; }
-.icon-barcode:before { content: $barcode; }
-.icon-tag:before { content: $tag; }
-.icon-tags:before { content: $tags; }
-.icon-book:before { content: $book; }
-.icon-bookmark:before { content: $bookmark; }
-.icon-print:before { content: $print; }
-.icon-camera:before { content: $camera; }
-.icon-font:before { content: $font; }
-.icon-bold:before { content: $bold; }
-.icon-italic:before { content: $italic; }
-.icon-text-height:before { content: $text-height; }
-.icon-text-width:before { content: $text-width; }
-.icon-align-left:before { content: $align-left; }
-.icon-align-center:before { content: $align-center; }
-.icon-align-right:before { content: $align-right; }
-.icon-align-justify:before { content: $align-justify; }
-.icon-list:before { content: $list; }
-.icon-dedent:before,
-.icon-outdent:before { content: $outdent; }
-.icon-indent:before { content: $indent; }
-.icon-video-camera:before { content: $video-camera; }
-.icon-picture:before { content: $picture; }
-.icon-pencil:before { content: $pencil; }
-.icon-map-marker:before { content: $map-marker; }
-.icon-adjust:before { content: $adjust; }
-.icon-tint:before { content: $tint; }
-.icon-edit:before,
-.icon-pencil-square-alt:before { content: $pencil-square-alt; }
-.icon-share-square-alt:before { content: $share-square-alt; }
-.icon-check-square-alt:before { content: $check-square-alt; }
-.icon-move:before { content: $move; }
-.icon-step-backward:before { content: $step-backward; }
-.icon-fast-backward:before { content: $fast-backward; }
-.icon-backward:before { content: $backward; }
-.icon-play:before { content: $play; }
-.icon-pause:before { content: $pause; }
-.icon-stop:before { content: $stop; }
-.icon-forward:before { content: $forward; }
-.icon-fast-forward:before { content: $fast-forward; }
-.icon-step-forward:before { content: $step-forward; }
-.icon-eject:before { content: $eject; }
-.icon-chevron-left:before { content: $chevron-left; }
-.icon-chevron-right:before { content: $chevron-right; }
-.icon-plus-circle:before { content: $plus-circle; }
-.icon-minus-circle:before { content: $minus-circle; }
-.icon-times-circle:before { content: $times-circle; }
-.icon-check-circle:before { content: $check-circle; }
-.icon-question-circle:before { content: $question-circle; }
-.icon-info-circle:before { content: $info-circle; }
-.icon-screenshot:before { content: $screenshot; }
-.icon-times-circle-alt:before { content: $times-circle-alt; }
-.icon-check-circle-alt:before { content: $check-circle-alt; }
-.icon-ban:before { content: $ban; }
-.icon-arrow-left:before { content: $arrow-left; }
-.icon-arrow-right:before { content: $arrow-right; }
-.icon-arrow-up:before { content: $arrow-up; }
-.icon-arrow-down:before { content: $arrow-down; }
-.icon-mail-forward:before,
-.icon-share:before { content: $share; }
-.icon-resize-full:before { content: $resize-full; }
-.icon-resize-small:before { content: $resize-small; }
-.icon-plus:before { content: $plus; }
-.icon-minus:before { content: $minus; }
-.icon-asterisk:before { content: $asterisk; }
-.icon-exclamation-circle:before { content: $exclamation-circle; }
-.icon-gift:before { content: $gift; }
-.icon-leaf:before { content: $leaf; }
-.icon-fire:before { content: $fire; }
-.icon-eye:before { content: $eye; }
-.icon-eye-closed:before { content: $eye-closed; }
-.icon-warning:before,
-.icon-exclamation-triangle:before { content: $exclamation-triangle; }
-.icon-plane:before { content: $plane; }
-.icon-calendar:before { content: $calendar; }
-.icon-random:before { content: $random; }
-.icon-comment:before { content: $comment; }
-.icon-magnet:before { content: $magnet; }
-.icon-chevron-up:before { content: $chevron-up; }
-.icon-chevron-down:before { content: $chevron-down; }
-.icon-retweet:before { content: $retweet; }
-.icon-shopping-cart:before { content: $shopping-cart; }
-.icon-folder:before { content: $folder; }
-.icon-folder-open:before { content: $folder-open; }
-.icon-resize-vertical:before { content: $resize-vertical; }
-.icon-resize-horizontal:before { content: $resize-horizontal; }
-.icon-bar-chart:before { content: $bar-chart; }
-.icon-twitter-square:before { content: $twitter-square; }
-.icon-facebook-square:before { content: $facebook-square; }
-.icon-camera-retro:before { content: $camera-retro; }
-.icon-key:before { content: $key; }
-.icon-gears:before,
-.icon-cogs:before { content: $cogs; }
-.icon-comments:before { content: $comments; }
-.icon-thumbs-up-alt:before { content: $thumbs-up-alt; }
-.icon-thumbs-down-alt:before { content: $thumbs-down-alt; }
-.icon-star-half:before { content: $star-half; }
-.icon-heart-alt:before { content: $heart-alt; }
-.icon-sign-out:before { content: $sign-out; }
-.icon-linkedin-square:before { content: $linkedin-square; }
-.icon-thumb-tack:before { content: $thumb-tack; }
-.icon-external-link:before { content: $external-link; }
-.icon-sign-in:before { content: $sign-in; }
-.icon-trophy:before { content: $trophy; }
-.icon-github-square:before { content: $github-square; }
-.icon-upload:before { content: $upload; }
-.icon-lemon-alt:before { content: $lemon-alt; }
-.icon-phone:before { content: $phone; }
-.icon-unchecked:before,
-.icon-square-alt:before { content: $square-alt; }
-.icon-bookmark-alt:before { content: $bookmark-alt; }
-.icon-phone-square:before { content: $phone-square; }
-.icon-twitter:before { content: $twitter; }
-.icon-facebook:before { content: $facebook; }
-.icon-github:before { content: $github; }
-.icon-unlock:before { content: $unlock; }
-.icon-credit-card:before { content: $credit-card; }
-.icon-rss:before { content: $rss; }
-.icon-hdd:before { content: $hdd; }
-.icon-bullhorn:before { content: $bullhorn; }
-.icon-bell:before { content: $bell; }
-.icon-certificate:before { content: $certificate; }
-.icon-hand-right:before { content: $hand-right; }
-.icon-hand-left:before { content: $hand-left; }
-.icon-hand-up:before { content: $hand-up; }
-.icon-hand-down:before { content: $hand-down; }
-.icon-arrow-circle-left:before { content: $arrow-circle-left; }
-.icon-arrow-circle-right:before { content: $arrow-circle-right; }
-.icon-arrow-circle-up:before { content: $arrow-circle-up; }
-.icon-arrow-circle-down:before { content: $arrow-circle-down; }
-.icon-globe:before { content: $globe; }
-.icon-wrench:before { content: $wrench; }
-.icon-tasks:before { content: $tasks; }
-.icon-filter:before { content: $filter; }
-.icon-briefcase:before { content: $briefcase; }
-.icon-fullscreen:before { content: $fullscreen; }
-.icon-group:before { content: $group; }
-.icon-chain:before,
-.icon-link:before { content: $link; }
-.icon-cloud:before { content: $cloud; }
-.icon-flask:before { content: $flask; }
-.icon-cut:before,
-.icon-scissors:before { content: $scissors; }
-.icon-copy:before,
-.icon-files:before { content: $files; }
-.icon-paperclip:before { content: $paperclip; }
-.icon-save:before,
-.icon-floppy:before { content: $floppy; }
-.icon-square:before { content: $square; }
-.icon-reorder:before { content: $reorder; }
-.icon-list-ul:before { content: $list-ul; }
-.icon-list-ol:before { content: $list-ol; }
-.icon-strikethrough:before { content: $strikethrough; }
-.icon-underline:before { content: $underline; }
-.icon-table:before { content: $table; }
-.icon-magic:before { content: $magic; }
-.icon-truck:before { content: $truck; }
-.icon-pinterest:before { content: $pinterest; }
-.icon-pinterest-square:before { content: $pinterest-square; }
-.icon-google-plus-square:before { content: $google-plus-square; }
-.icon-google-plus:before { content: $google-plus; }
-.icon-money:before { content: $money; }
-.icon-caret-down:before { content: $caret-down; }
-.icon-caret-up:before { content: $caret-up; }
-.icon-caret-left:before { content: $caret-left; }
-.icon-caret-right:before { content: $caret-right; }
-.icon-columns:before { content: $columns; }
-.icon-unsorted:before,
-.icon-sort:before { content: $sort; }
-.icon-sort-down:before,
-.icon-sort-asc:before { content: $sort-asc; }
-.icon-sort-up:before,
-.icon-sort-desc:before { content: $sort-desc; }
-.icon-envelope:before { content: $envelope; }
-.icon-linkedin:before { content: $linkedin; }
-.icon-rotate-left:before,
-.icon-undo:before { content: $undo; }
-.icon-legal:before,
-.icon-gavel:before { content: $gavel; }
-.icon-dashboard:before,
-.icon-tachometer:before { content: $tachometer; }
-.icon-comment-alt:before { content: $comment-alt; }
-.icon-comments-alt:before { content: $comments-alt; }
-.icon-flash:before,
-.icon-bolt:before { content: $bolt; }
-.icon-sitemap:before { content: $sitemap; }
-.icon-umbrella:before { content: $umbrella; }
-.icon-paste:before,
-.icon-clipboard:before { content: $clipboard; }
-.icon-lightbulb:before { content: $lightbulb; }
-.icon-exchange:before { content: $exchange; }
-.icon-cloud-download:before { content: $cloud-download; }
-.icon-cloud-upload:before { content: $cloud-upload; }
-.icon-user-md:before { content: $user-md; }
-.icon-stethoscope:before { content: $stethoscope; }
-.icon-suitcase:before { content: $suitcase; }
-.icon-bell-alt:before { content: $bell-alt; }
-.icon-coffee:before { content: $coffee; }
-.icon-cutlery:before { content: $cutlery; }
-.icon-file-text-alt:before { content: $file-text-alt; }
-.icon-building:before { content: $building; }
-.icon-hospital:before { content: $hospital; }
-.icon-ambulance:before { content: $ambulance; }
-.icon-medkit:before { content: $medkit; }
-.icon-fighter-jet:before { content: $fighter-jet; }
-.icon-beer:before { content: $beer; }
-.icon-h-square:before { content: $h-square; }
-.icon-plus-square:before { content: $plus-square; }
-.icon-double-angle-left:before { content: $double-angle-left; }
-.icon-double-angle-right:before { content: $double-angle-right; }
-.icon-double-angle-up:before { content: $double-angle-up; }
-.icon-double-angle-down:before { content: $double-angle-down; }
-.icon-angle-left:before { content: $angle-left; }
-.icon-angle-right:before { content: $angle-right; }
-.icon-angle-up:before { content: $angle-up; }
-.icon-angle-down:before { content: $angle-down; }
-.icon-desktop:before { content: $desktop; }
-.icon-laptop:before { content: $laptop; }
-.icon-tablet:before { content: $tablet; }
-.icon-mobile-phone:before,
-.icon-mobile:before { content: $mobile; }
-.icon-circle-alt:before { content: $circle-alt; }
-.icon-quote-left:before { content: $quote-left; }
-.icon-quote-right:before { content: $quote-right; }
-.icon-spinner:before { content: $spinner; }
-.icon-circle:before { content: $circle; }
-.icon-mail-reply:before,
-.icon-reply:before { content: $reply; }
-.icon-github-alt:before { content: $github-alt; }
-.icon-folder-alt:before { content: $folder-alt; }
-.icon-folder-open-alt:before { content: $folder-open-alt; }
-.icon-expand-alt:before { content: $expand-alt; }
-.icon-collapse-alt:before { content: $collapse-alt; }
-.icon-smile:before { content: $smile; }
-.icon-frown:before { content: $frown; }
-.icon-meh:before { content: $meh; }
-.icon-gamepad:before { content: $gamepad; }
-.icon-keyboard:before { content: $keyboard; }
-.icon-flag-alt:before { content: $flag-alt; }
-.icon-flag-checkered:before { content: $flag-checkered; }
-.icon-terminal:before { content: $terminal; }
-.icon-code:before { content: $code; }
-.icon-reply-all:before { content: $reply-all; }
-.icon-mail-reply-all:before { content: $mail-reply-all; }
-.icon-star-half-empty:before,
-.icon-star-half-full:before,
-.icon-star-half-alt:before { content: $star-half-alt; }
-.icon-location-arrow:before { content: $location-arrow; }
-.icon-crop:before { content: $crop; }
-.icon-code-fork:before { content: $code-fork; }
-.icon-unlink:before,
-.icon-chain-broken:before { content: $chain-broken; }
-.icon-question:before { content: $question; }
-.icon-info:before { content: $info; }
-.icon-exclamation:before { content: $exclamation; }
-.icon-superscript:before { content: $superscript; }
-.icon-subscript:before { content: $subscript; }
-.icon-eraser:before { content: $eraser; }
-.icon-puzzle-piece:before { content: $puzzle-piece; }
-.icon-microphone:before { content: $microphone; }
-.icon-microphone-off:before { content: $microphone-off; }
-.icon-shield:before { content: $shield; }
-.icon-calendar-alt:before { content: $calendar-alt; }
-.icon-fire-extinguisher:before { content: $fire-extinguisher; }
-.icon-rocket:before { content: $rocket; }
-.icon-maxcdn:before { content: $maxcdn; }
-.icon-chevron-circle-left:before { content: $chevron-circle-left; }
-.icon-chevron-circle-right:before { content: $chevron-circle-right; }
-.icon-chevron-circle-up:before { content: $chevron-circle-up; }
-.icon-chevron-circle-down:before { content: $chevron-circle-down; }
-.icon-html5:before { content: $html5; }
-.icon-css3:before { content: $css3; }
-.icon-anchor:before { content: $anchor; }
-.icon-unlock-alt:before { content: $unlock-alt; }
-.icon-bullseye:before { content: $bullseye; }
-.icon-ellipsis-horizontal:before { content: $ellipsis-horizontal; }
-.icon-ellipsis-vertical:before { content: $ellipsis-vertical; }
-.icon-rss-square:before { content: $rss-square; }
-.icon-play-circle:before { content: $play-circle; }
-.icon-ticket:before { content: $ticket; }
-.icon-minus-square:before { content: $minus-square; }
-.icon-minus-square-alt:before { content: $minus-square-alt; }
-.icon-level-up:before { content: $level-up; }
-.icon-level-down:before { content: $level-down; }
-.icon-check-square:before { content: $check-square; }
-.icon-pencil-square:before { content: $pencil-square; }
-.icon-external-link-square:before { content: $external-link-square; }
-.icon-share-square:before { content: $share-square; }
-.icon-compass:before { content: $compass; }
-.icon-collapse-down:before { content: $collapse-down; }
-.icon-collapse-up:before { content: $collapse-up; }
-.icon-expand:before { content: $expand; }
-.icon-euro:before,
-.icon-eur:before { content: $eur; }
-.icon-gbp:before { content: $gbp; }
-.icon-dollar:before,
-.icon-usd:before { content: $usd; }
-.icon-rupee:before,
-.icon-inr:before { content: $inr; }
-.icon-cny:before,
-.icon-rmb:before,
-.icon-yen:before,
-.icon-jpy:before { content: $jpy; }
-.icon-ruble:before,
-.icon-rouble:before,
-.icon-rub:before { content: $rub; }
-.icon-won:before,
-.icon-krw:before { content: $krw; }
-.icon-bitcoin:before,
-.icon-btc:before { content: $btc; }
-.icon-file:before { content: $file; }
-.icon-file-text:before { content: $file-text; }
-.icon-sort-alpha-asc:before { content: $sort-alpha-asc; }
-.icon-sort-alpha-desc:before { content: $sort-alpha-desc; }
-.icon-sort-amount-asc:before { content: $sort-amount-asc; }
-.icon-sort-amount-desc:before { content: $sort-amount-desc; }
-.icon-sort-numeric-asc:before { content: $sort-numeric-asc; }
-.icon-sort-numeric-desc:before { content: $sort-numeric-desc; }
-.icon-thumbs-up:before { content: $thumbs-up; }
-.icon-thumbs-down:before { content: $thumbs-down; }
-.icon-youtube-sign:before { content: $youtube-sign; }
-.icon-youtube:before { content: $youtube; }
-.icon-xing:before { content: $xing; }
-.icon-xing-sign:before { content: $xing-sign; }
-.icon-youtube-play:before { content: $youtube-play; }
-.icon-dropbox:before { content: $dropbox; }
-.icon-stack-overflow:before { content: $stack-overflow; }
-.icon-instagram:before { content: $instagram; }
-.icon-flickr:before { content: $flickr; }
-.icon-adn:before { content: $adn; }
-.icon-bitbucket:before { content: $bitbucket; }
-.icon-bitbucket-square:before { content: $bitbucket-square; }
-.icon-tumblr:before { content: $tumblr; }
-.icon-tumblr-square:before { content: $tumblr-square; }
-.icon-long-arrow-down:before { content: $long-arrow-down; }
-.icon-long-arrow-up:before { content: $long-arrow-up; }
-.icon-long-arrow-left:before { content: $long-arrow-left; }
-.icon-long-arrow-right:before { content: $long-arrow-right; }
-.icon-apple:before { content: $apple; }
-.icon-windows:before { content: $windows; }
-.icon-android:before { content: $android; }
-.icon-linux:before { content: $linux; }
-.icon-dribbble:before { content: $dribbble; }
-.icon-skype:before { content: $skype; }
-.icon-foursquare:before { content: $foursquare; }
-.icon-trello:before { content: $trello; }
-.icon-female:before { content: $female; }
-.icon-male:before { content: $male; }
-.icon-gittip:before { content: $gittip; }
-.icon-sun:before { content: $sun; }
-.icon-moon:before { content: $moon; }
-.icon-archive:before { content: $archive; }
-.icon-bug:before { content: $bug; }
-.icon-vk:before { content: $vk; }
-.icon-weibo:before { content: $weibo; }
-.icon-renren:before { content: $renren; }
-.icon-pagelines:before { content: $pagelines; }
-.icon-stack-exchange:before { content: $stack-exchange; }
+.fa-icon-glass:before { content: $fa-icon-glass; }
+.fa-icon-music:before { content: $fa-icon-music; }
+.fa-icon-search:before { content: $fa-icon-search; }
+.fa-icon-envelope-alt:before { content: $fa-icon-envelope-alt; }
+.fa-icon-heart:before { content: $fa-icon-heart; }
+.fa-icon-star:before { content: $fa-icon-star; }
+.fa-icon-star-alt:before { content: $fa-icon-star-alt; }
+.fa-icon-user:before { content: $fa-icon-user; }
+.fa-icon-film:before { content: $fa-icon-film; }
+.fa-icon-th-large:before { content: $fa-icon-th-large; }
+.fa-icon-th:before { content: $fa-icon-th; }
+.fa-icon-th-list:before { content: $fa-icon-th-list; }
+.fa-icon-check:before { content: $fa-icon-check; }
+.fa-icon-times:before { content: $fa-icon-times; }
+.fa-icon-zoom-in:before { content: $fa-icon-zoom-in; }
+.fa-icon-zoom-out:before { content: $fa-icon-zoom-out; }
+.fa-icon-power-off:before { content: $fa-icon-power-off; }
+.fa-icon-signal:before { content: $fa-icon-signal; }
+.fa-icon-gear:before,
+.fa-icon-cog:before { content: $fa-icon-cog; }
+.fa-icon-trash:before { content: $fa-icon-trash; }
+.fa-icon-home:before { content: $fa-icon-home; }
+.fa-icon-file-alt:before { content: $fa-icon-file-alt; }
+.fa-icon-time:before { content: $fa-icon-time; }
+.fa-icon-road:before { content: $fa-icon-road; }
+.fa-icon-download:before { content: $fa-icon-download; }
+.fa-icon-arrow-circle-alt-down:before { content: $fa-icon-arrow-circle-alt-down; }
+.fa-icon-arrow-circle-alt-up:before { content: $fa-icon-arrow-circle-alt-up; }
+.fa-icon-inbox:before { content: $fa-icon-inbox; }
+.fa-icon-play-circle-alt:before { content: $fa-icon-play-circle-alt; }
+.fa-icon-rotate-right:before,
+.fa-icon-repeat:before { content: $fa-icon-repeat; }
+.fa-icon-refresh:before { content: $fa-icon-refresh; }
+.fa-icon-list-alt:before { content: $fa-icon-list-alt; }
+.fa-icon-lock:before { content: $fa-icon-lock; }
+.fa-icon-flag:before { content: $fa-icon-flag; }
+.fa-icon-headphones:before { content: $fa-icon-headphones; }
+.fa-icon-volume-off:before { content: $fa-icon-volume-off; }
+.fa-icon-volume-down:before { content: $fa-icon-volume-down; }
+.fa-icon-volume-up:before { content: $fa-icon-volume-up; }
+.fa-icon-qrcode:before { content: $fa-icon-qrcode; }
+.fa-icon-barcode:before { content: $fa-icon-barcode; }
+.fa-icon-tag:before { content: $fa-icon-tag; }
+.fa-icon-tags:before { content: $fa-icon-tags; }
+.fa-icon-book:before { content: $fa-icon-book; }
+.fa-icon-bookmark:before { content: $fa-icon-bookmark; }
+.fa-icon-print:before { content: $fa-icon-print; }
+.fa-icon-camera:before { content: $fa-icon-camera; }
+.fa-icon-font:before { content: $fa-icon-font; }
+.fa-icon-bold:before { content: $fa-icon-bold; }
+.fa-icon-italic:before { content: $fa-icon-italic; }
+.fa-icon-text-height:before { content: $fa-icon-text-height; }
+.fa-icon-text-width:before { content: $fa-icon-text-width; }
+.fa-icon-align-left:before { content: $fa-icon-align-left; }
+.fa-icon-align-center:before { content: $fa-icon-align-center; }
+.fa-icon-align-right:before { content: $fa-icon-align-right; }
+.fa-icon-align-justify:before { content: $fa-icon-align-justify; }
+.fa-icon-list:before { content: $fa-icon-list; }
+.fa-icon-dedent:before,
+.fa-icon-outdent:before { content: $fa-icon-outdent; }
+.fa-icon-indent:before { content: $fa-icon-indent; }
+.fa-icon-video-camera:before { content: $fa-icon-video-camera; }
+.fa-icon-picture:before { content: $fa-icon-picture; }
+.fa-icon-pencil:before { content: $fa-icon-pencil; }
+.fa-icon-map-marker:before { content: $fa-icon-map-marker; }
+.fa-icon-adjust:before { content: $fa-icon-adjust; }
+.fa-icon-tint:before { content: $fa-icon-tint; }
+.fa-icon-edit:before,
+.fa-icon-pencil-square-alt:before { content: $fa-icon-pencil-square-alt; }
+.fa-icon-share-square-alt:before { content: $fa-icon-share-square-alt; }
+.fa-icon-check-square-alt:before { content: $fa-icon-check-square-alt; }
+.fa-icon-move:before { content: $fa-icon-move; }
+.fa-icon-step-backward:before { content: $fa-icon-step-backward; }
+.fa-icon-fast-backward:before { content: $fa-icon-fast-backward; }
+.fa-icon-backward:before { content: $fa-icon-backward; }
+.fa-icon-play:before { content: $fa-icon-play; }
+.fa-icon-pause:before { content: $fa-icon-pause; }
+.fa-icon-stop:before { content: $fa-icon-stop; }
+.fa-icon-forward:before { content: $fa-icon-forward; }
+.fa-icon-fast-forward:before { content: $fa-icon-fast-forward; }
+.fa-icon-step-forward:before { content: $fa-icon-step-forward; }
+.fa-icon-eject:before { content: $fa-icon-eject; }
+.fa-icon-chevron-left:before { content: $fa-icon-chevron-left; }
+.fa-icon-chevron-right:before { content: $fa-icon-chevron-right; }
+.fa-icon-plus-circle:before { content: $fa-icon-plus-circle; }
+.fa-icon-minus-circle:before { content: $fa-icon-minus-circle; }
+.fa-icon-times-circle:before { content: $fa-icon-times-circle; }
+.fa-icon-check-circle:before { content: $fa-icon-check-circle; }
+.fa-icon-question-circle:before { content: $fa-icon-question-circle; }
+.fa-icon-info-circle:before { content: $fa-icon-info-circle; }
+.fa-icon-screenshot:before { content: $fa-icon-screenshot; }
+.fa-icon-times-circle-alt:before { content: $fa-icon-times-circle-alt; }
+.fa-icon-check-circle-alt:before { content: $fa-icon-check-circle-alt; }
+.fa-icon-ban:before { content: $fa-icon-ban; }
+.fa-icon-arrow-left:before { content: $fa-icon-arrow-left; }
+.fa-icon-arrow-right:before { content: $fa-icon-arrow-right; }
+.fa-icon-arrow-up:before { content: $fa-icon-arrow-up; }
+.fa-icon-arrow-down:before { content: $fa-icon-arrow-down; }
+.fa-icon-mail-forward:before,
+.fa-icon-share:before { content: $fa-icon-share; }
+.fa-icon-resize-full:before { content: $fa-icon-resize-full; }
+.fa-icon-resize-small:before { content: $fa-icon-resize-small; }
+.fa-icon-plus:before { content: $fa-icon-plus; }
+.fa-icon-minus:before { content: $fa-icon-minus; }
+.fa-icon-asterisk:before { content: $fa-icon-asterisk; }
+.fa-icon-exclamation-circle:before { content: $fa-icon-exclamation-circle; }
+.fa-icon-gift:before { content: $fa-icon-gift; }
+.fa-icon-leaf:before { content: $fa-icon-leaf; }
+.fa-icon-fire:before { content: $fa-icon-fire; }
+.fa-icon-eye:before { content: $fa-icon-eye; }
+.fa-icon-eye-closed:before { content: $fa-icon-eye-closed; }
+.fa-icon-warning:before,
+.fa-icon-exclamation-triangle:before { content: $fa-icon-exclamation-triangle; }
+.fa-icon-plane:before { content: $fa-icon-plane; }
+.fa-icon-calendar:before { content: $fa-icon-calendar; }
+.fa-icon-random:before { content: $fa-icon-random; }
+.fa-icon-comment:before { content: $fa-icon-comment; }
+.fa-icon-magnet:before { content: $fa-icon-magnet; }
+.fa-icon-chevron-up:before { content: $fa-icon-chevron-up; }
+.fa-icon-chevron-down:before { content: $fa-icon-chevron-down; }
+.fa-icon-retweet:before { content: $fa-icon-retweet; }
+.fa-icon-shopping-cart:before { content: $fa-icon-shopping-cart; }
+.fa-icon-folder:before { content: $fa-icon-folder; }
+.fa-icon-folder-open:before { content: $fa-icon-folder-open; }
+.fa-icon-resize-vertical:before { content: $fa-icon-resize-vertical; }
+.fa-icon-resize-horizontal:before { content: $fa-icon-resize-horizontal; }
+.fa-icon-bar-chart:before { content: $fa-icon-bar-chart; }
+.fa-icon-twitter-square:before { content: $fa-icon-twitter-square; }
+.fa-icon-facebook-square:before { content: $fa-icon-facebook-square; }
+.fa-icon-camera-retro:before { content: $fa-icon-camera-retro; }
+.fa-icon-key:before { content: $fa-icon-key; }
+.fa-icon-gears:before,
+.fa-icon-cogs:before { content: $fa-icon-cogs; }
+.fa-icon-comments:before { content: $fa-icon-comments; }
+.fa-icon-thumbs-up-alt:before { content: $fa-icon-thumbs-up-alt; }
+.fa-icon-thumbs-down-alt:before { content: $fa-icon-thumbs-down-alt; }
+.fa-icon-star-half:before { content: $fa-icon-star-half; }
+.fa-icon-heart-alt:before { content: $fa-icon-heart-alt; }
+.fa-icon-sign-out:before { content: $fa-icon-sign-out; }
+.fa-icon-linkedin-square:before { content: $fa-icon-linkedin-square; }
+.fa-icon-thumb-tack:before { content: $fa-icon-thumb-tack; }
+.fa-icon-external-link:before { content: $fa-icon-external-link; }
+.fa-icon-sign-in:before { content: $fa-icon-sign-in; }
+.fa-icon-trophy:before { content: $fa-icon-trophy; }
+.fa-icon-github-square:before { content: $fa-icon-github-square; }
+.fa-icon-upload:before { content: $fa-icon-upload; }
+.fa-icon-lemon-alt:before { content: $fa-icon-lemon-alt; }
+.fa-icon-phone:before { content: $fa-icon-phone; }
+.fa-icon-unchecked:before,
+.fa-icon-square-alt:before { content: $fa-icon-square-alt; }
+.fa-icon-bookmark-alt:before { content: $fa-icon-bookmark-alt; }
+.fa-icon-phone-square:before { content: $fa-icon-phone-square; }
+.fa-icon-twitter:before { content: $fa-icon-twitter; }
+.fa-icon-facebook:before { content: $fa-icon-facebook; }
+.fa-icon-github:before { content: $fa-icon-github; }
+.fa-icon-unlock:before { content: $fa-icon-unlock; }
+.fa-icon-credit-card:before { content: $fa-icon-credit-card; }
+.fa-icon-rss:before { content: $fa-icon-rss; }
+.fa-icon-hdd:before { content: $fa-icon-hdd; }
+.fa-icon-bullhorn:before { content: $fa-icon-bullhorn; }
+.fa-icon-bell:before { content: $fa-icon-bell; }
+.fa-icon-certificate:before { content: $fa-icon-certificate; }
+.fa-icon-hand-right:before { content: $fa-icon-hand-right; }
+.fa-icon-hand-left:before { content: $fa-icon-hand-left; }
+.fa-icon-hand-up:before { content: $fa-icon-hand-up; }
+.fa-icon-hand-down:before { content: $fa-icon-hand-down; }
+.fa-icon-arrow-circle-left:before { content: $fa-icon-arrow-circle-left; }
+.fa-icon-arrow-circle-right:before { content: $fa-icon-arrow-circle-right; }
+.fa-icon-arrow-circle-up:before { content: $fa-icon-arrow-circle-up; }
+.fa-icon-arrow-circle-down:before { content: $fa-icon-arrow-circle-down; }
+.fa-icon-globe:before { content: $fa-icon-globe; }
+.fa-icon-wrench:before { content: $fa-icon-wrench; }
+.fa-icon-tasks:before { content: $fa-icon-tasks; }
+.fa-icon-filter:before { content: $fa-icon-filter; }
+.fa-icon-briefcase:before { content: $fa-icon-briefcase; }
+.fa-icon-fullscreen:before { content: $fa-icon-fullscreen; }
+.fa-icon-group:before { content: $fa-icon-group; }
+.fa-icon-chain:before,
+.fa-icon-link:before { content: $fa-icon-link; }
+.fa-icon-cloud:before { content: $fa-icon-cloud; }
+.fa-icon-flask:before { content: $fa-icon-flask; }
+.fa-icon-cut:before,
+.fa-icon-scissors:before { content: $fa-icon-scissors; }
+.fa-icon-copy:before,
+.fa-icon-files:before { content: $fa-icon-files; }
+.fa-icon-paperclip:before { content: $fa-icon-paperclip; }
+.fa-icon-save:before,
+.fa-icon-floppy:before { content: $fa-icon-floppy; }
+.fa-icon-square:before { content: $fa-icon-square; }
+.fa-icon-reorder:before { content: $fa-icon-reorder; }
+.fa-icon-list-ul:before { content: $fa-icon-list-ul; }
+.fa-icon-list-ol:before { content: $fa-icon-list-ol; }
+.fa-icon-strikethrough:before { content: $fa-icon-strikethrough; }
+.fa-icon-underline:before { content: $fa-icon-underline; }
+.fa-icon-table:before { content: $fa-icon-table; }
+.fa-icon-magic:before { content: $fa-icon-magic; }
+.fa-icon-truck:before { content: $fa-icon-truck; }
+.fa-icon-pinterest:before { content: $fa-icon-pinterest; }
+.fa-icon-pinterest-square:before { content: $fa-icon-pinterest-square; }
+.fa-icon-google-plus-square:before { content: $fa-icon-google-plus-square; }
+.fa-icon-google-plus:before { content: $fa-icon-google-plus; }
+.fa-icon-money:before { content: $fa-icon-money; }
+.fa-icon-caret-down:before { content: $fa-icon-caret-down; }
+.fa-icon-caret-up:before { content: $fa-icon-caret-up; }
+.fa-icon-caret-left:before { content: $fa-icon-caret-left; }
+.fa-icon-caret-right:before { content: $fa-icon-caret-right; }
+.fa-icon-columns:before { content: $fa-icon-columns; }
+.fa-icon-unsorted:before,
+.fa-icon-sort:before { content: $fa-icon-sort; }
+.fa-icon-sort-down:before,
+.fa-icon-sort-asc:before { content: $fa-icon-sort-asc; }
+.fa-icon-sort-up:before,
+.fa-icon-sort-desc:before { content: $fa-icon-sort-desc; }
+.fa-icon-envelope:before { content: $fa-icon-envelope; }
+.fa-icon-linkedin:before { content: $fa-icon-linkedin; }
+.fa-icon-rotate-left:before,
+.fa-icon-undo:before { content: $fa-icon-undo; }
+.fa-icon-legal:before,
+.fa-icon-gavel:before { content: $fa-icon-gavel; }
+.fa-icon-dashboard:before,
+.fa-icon-tachometer:before { content: $fa-icon-tachometer; }
+.fa-icon-comment-alt:before { content: $fa-icon-comment-alt; }
+.fa-icon-comments-alt:before { content: $fa-icon-comments-alt; }
+.fa-icon-flash:before,
+.fa-icon-bolt:before { content: $fa-icon-bolt; }
+.fa-icon-sitemap:before { content: $fa-icon-sitemap; }
+.fa-icon-umbrella:before { content: $fa-icon-umbrella; }
+.fa-icon-paste:before,
+.fa-icon-clipboard:before { content: $fa-icon-clipboard; }
+.fa-icon-lightbulb:before { content: $fa-icon-lightbulb; }
+.fa-icon-exchange:before { content: $fa-icon-exchange; }
+.fa-icon-cloud-download:before { content: $fa-icon-cloud-download; }
+.fa-icon-cloud-upload:before { content: $fa-icon-cloud-upload; }
+.fa-icon-user-md:before { content: $fa-icon-user-md; }
+.fa-icon-stethoscope:before { content: $fa-icon-stethoscope; }
+.fa-icon-suitcase:before { content: $fa-icon-suitcase; }
+.fa-icon-bell-alt:before { content: $fa-icon-bell-alt; }
+.fa-icon-coffee:before { content: $fa-icon-coffee; }
+.fa-icon-cutlery:before { content: $fa-icon-cutlery; }
+.fa-icon-file-text-alt:before { content: $fa-icon-file-text-alt; }
+.fa-icon-building:before { content: $fa-icon-building; }
+.fa-icon-hospital:before { content: $fa-icon-hospital; }
+.fa-icon-ambulance:before { content: $fa-icon-ambulance; }
+.fa-icon-medkit:before { content: $fa-icon-medkit; }
+.fa-icon-fighter-jet:before { content: $fa-icon-fighter-jet; }
+.fa-icon-beer:before { content: $fa-icon-beer; }
+.fa-icon-h-square:before { content: $fa-icon-h-square; }
+.fa-icon-plus-square:before { content: $fa-icon-plus-square; }
+.fa-icon-double-angle-left:before { content: $fa-icon-double-angle-left; }
+.fa-icon-double-angle-right:before { content: $fa-icon-double-angle-right; }
+.fa-icon-double-angle-up:before { content: $fa-icon-double-angle-up; }
+.fa-icon-double-angle-down:before { content: $fa-icon-double-angle-down; }
+.fa-icon-angle-left:before { content: $fa-icon-angle-left; }
+.fa-icon-angle-right:before { content: $fa-icon-angle-right; }
+.fa-icon-angle-up:before { content: $fa-icon-angle-up; }
+.fa-icon-angle-down:before { content: $fa-icon-angle-down; }
+.fa-icon-desktop:before { content: $fa-icon-desktop; }
+.fa-icon-laptop:before { content: $fa-icon-laptop; }
+.fa-icon-tablet:before { content: $fa-icon-tablet; }
+.fa-icon-mobile-phone:before,
+.fa-icon-mobile:before { content: $fa-icon-mobile; }
+.fa-icon-circle-alt:before { content: $fa-icon-circle-alt; }
+.fa-icon-quote-left:before { content: $fa-icon-quote-left; }
+.fa-icon-quote-right:before { content: $fa-icon-quote-right; }
+.fa-icon-spinner:before { content: $fa-icon-spinner; }
+.fa-icon-circle:before { content: $fa-icon-circle; }
+.fa-icon-mail-reply:before,
+.fa-icon-reply:before { content: $fa-icon-reply; }
+.fa-icon-github-alt:before { content: $fa-icon-github-alt; }
+.fa-icon-folder-alt:before { content: $fa-icon-folder-alt; }
+.fa-icon-folder-open-alt:before { content: $fa-icon-folder-open-alt; }
+.fa-icon-expand-alt:before { content: $fa-icon-expand-alt; }
+.fa-icon-collapse-alt:before { content: $fa-icon-collapse-alt; }
+.fa-icon-smile:before { content: $fa-icon-smile; }
+.fa-icon-frown:before { content: $fa-icon-frown; }
+.fa-icon-meh:before { content: $fa-icon-meh; }
+.fa-icon-gamepad:before { content: $fa-icon-gamepad; }
+.fa-icon-keyboard:before { content: $fa-icon-keyboard; }
+.fa-icon-flag-alt:before { content: $fa-icon-flag-alt; }
+.fa-icon-flag-checkered:before { content: $fa-icon-flag-checkered; }
+.fa-icon-terminal:before { content: $fa-icon-terminal; }
+.fa-icon-code:before { content: $fa-icon-code; }
+.fa-icon-reply-all:before { content: $fa-icon-reply-all; }
+.fa-icon-mail-reply-all:before { content: $fa-icon-mail-reply-all; }
+.fa-icon-star-half-empty:before,
+.fa-icon-star-half-full:before,
+.fa-icon-star-half-alt:before { content: $fa-icon-star-half-alt; }
+.fa-icon-location-arrow:before { content: $fa-icon-location-arrow; }
+.fa-icon-crop:before { content: $fa-icon-crop; }
+.fa-icon-code-fork:before { content: $fa-icon-code-fork; }
+.fa-icon-unlink:before,
+.fa-icon-chain-broken:before { content: $fa-icon-chain-broken; }
+.fa-icon-question:before { content: $fa-icon-question; }
+.fa-icon-info:before { content: $fa-icon-info; }
+.fa-icon-exclamation:before { content: $fa-icon-exclamation; }
+.fa-icon-superscript:before { content: $fa-icon-superscript; }
+.fa-icon-subscript:before { content: $fa-icon-subscript; }
+.fa-icon-eraser:before { content: $fa-icon-eraser; }
+.fa-icon-puzzle-piece:before { content: $fa-icon-puzzle-piece; }
+.fa-icon-microphone:before { content: $fa-icon-microphone; }
+.fa-icon-microphone-off:before { content: $fa-icon-microphone-off; }
+.fa-icon-shield:before { content: $fa-icon-shield; }
+.fa-icon-calendar-alt:before { content: $fa-icon-calendar-alt; }
+.fa-icon-fire-extinguisher:before { content: $fa-icon-fire-extinguisher; }
+.fa-icon-rocket:before { content: $fa-icon-rocket; }
+.fa-icon-maxcdn:before { content: $fa-icon-maxcdn; }
+.fa-icon-chevron-circle-left:before { content: $fa-icon-chevron-circle-left; }
+.fa-icon-chevron-circle-right:before { content: $fa-icon-chevron-circle-right; }
+.fa-icon-chevron-circle-up:before { content: $fa-icon-chevron-circle-up; }
+.fa-icon-chevron-circle-down:before { content: $fa-icon-chevron-circle-down; }
+.fa-icon-html5:before { content: $fa-icon-html5; }
+.fa-icon-css3:before { content: $fa-icon-css3; }
+.fa-icon-anchor:before { content: $fa-icon-anchor; }
+.fa-icon-unlock-alt:before { content: $fa-icon-unlock-alt; }
+.fa-icon-bullseye:before { content: $fa-icon-bullseye; }
+.fa-icon-ellipsis-horizontal:before { content: $fa-icon-ellipsis-horizontal; }
+.fa-icon-ellipsis-vertical:before { content: $fa-icon-ellipsis-vertical; }
+.fa-icon-rss-square:before { content: $fa-icon-rss-square; }
+.fa-icon-play-circle:before { content: $fa-icon-play-circle; }
+.fa-icon-ticket:before { content: $fa-icon-ticket; }
+.fa-icon-minus-square:before { content: $fa-icon-minus-square; }
+.fa-icon-minus-square-alt:before { content: $fa-icon-minus-square-alt; }
+.fa-icon-level-up:before { content: $fa-icon-level-up; }
+.fa-icon-level-down:before { content: $fa-icon-level-down; }
+.fa-icon-check-square:before { content: $fa-icon-check-square; }
+.fa-icon-pencil-square:before { content: $fa-icon-pencil-square; }
+.fa-icon-external-link-square:before { content: $fa-icon-external-link-square; }
+.fa-icon-share-square:before { content: $fa-icon-share-square; }
+.fa-icon-compass:before { content: $fa-icon-compass; }
+.fa-icon-collapse-down:before { content: $fa-icon-collapse-down; }
+.fa-icon-collapse-up:before { content: $fa-icon-collapse-up; }
+.fa-icon-expand:before { content: $fa-icon-expand; }
+.fa-icon-euro:before,
+.fa-icon-eur:before { content: $fa-icon-eur; }
+.fa-icon-gbp:before { content: $fa-icon-gbp; }
+.fa-icon-dollar:before,
+.fa-icon-usd:before { content: $fa-icon-usd; }
+.fa-icon-rupee:before,
+.fa-icon-inr:before { content: $fa-icon-inr; }
+.fa-icon-cny:before,
+.fa-icon-rmb:before,
+.fa-icon-yen:before,
+.fa-icon-jpy:before { content: $fa-icon-jpy; }
+.fa-icon-ruble:before,
+.fa-icon-rouble:before,
+.fa-icon-rub:before { content: $fa-icon-rub; }
+.fa-icon-won:before,
+.fa-icon-krw:before { content: $fa-icon-krw; }
+.fa-icon-bitcoin:before,
+.fa-icon-btc:before { content: $fa-icon-btc; }
+.fa-icon-file:before { content: $fa-icon-file; }
+.fa-icon-file-text:before { content: $fa-icon-file-text; }
+.fa-icon-sort-alpha-asc:before { content: $fa-icon-sort-alpha-asc; }
+.fa-icon-sort-alpha-desc:before { content: $fa-icon-sort-alpha-desc; }
+.fa-icon-sort-amount-asc:before { content: $fa-icon-sort-amount-asc; }
+.fa-icon-sort-amount-desc:before { content: $fa-icon-sort-amount-desc; }
+.fa-icon-sort-numeric-asc:before { content: $fa-icon-sort-numeric-asc; }
+.fa-icon-sort-numeric-desc:before { content: $fa-icon-sort-numeric-desc; }
+.fa-icon-thumbs-up:before { content: $fa-icon-thumbs-up; }
+.fa-icon-thumbs-down:before { content: $fa-icon-thumbs-down; }
+.fa-icon-youtube-sign:before { content: $fa-icon-youtube-sign; }
+.fa-icon-youtube:before { content: $fa-icon-youtube; }
+.fa-icon-xing:before { content: $fa-icon-xing; }
+.fa-icon-xing-sign:before { content: $fa-icon-xing-sign; }
+.fa-icon-youtube-play:before { content: $fa-icon-youtube-play; }
+.fa-icon-dropbox:before { content: $fa-icon-dropbox; }
+.fa-icon-stack-overflow:before { content: $fa-icon-stack-overflow; }
+.fa-icon-instagram:before { content: $fa-icon-instagram; }
+.fa-icon-flickr:before { content: $fa-icon-flickr; }
+.fa-icon-adn:before { content: $fa-icon-adn; }
+.fa-icon-bitbucket:before { content: $fa-icon-bitbucket; }
+.fa-icon-bitbucket-square:before { content: $fa-icon-bitbucket-square; }
+.fa-icon-tumblr:before { content: $fa-icon-tumblr; }
+.fa-icon-tumblr-square:before { content: $fa-icon-tumblr-square; }
+.fa-icon-long-arrow-down:before { content: $fa-icon-long-arrow-down; }
+.fa-icon-long-arrow-up:before { content: $fa-icon-long-arrow-up; }
+.fa-icon-long-arrow-left:before { content: $fa-icon-long-arrow-left; }
+.fa-icon-long-arrow-right:before { content: $fa-icon-long-arrow-right; }
+.fa-icon-apple:before { content: $fa-icon-apple; }
+.fa-icon-windows:before { content: $fa-icon-windows; }
+.fa-icon-android:before { content: $fa-icon-android; }
+.fa-icon-linux:before { content: $fa-icon-linux; }
+.fa-icon-dribbble:before { content: $fa-icon-dribbble; }
+.fa-icon-skype:before { content: $fa-icon-skype; }
+.fa-icon-foursquare:before { content: $fa-icon-foursquare; }
+.fa-icon-trello:before { content: $fa-icon-trello; }
+.fa-icon-female:before { content: $fa-icon-female; }
+.fa-icon-male:before { content: $fa-icon-male; }
+.fa-icon-gittip:before { content: $fa-icon-gittip; }
+.fa-icon-sun:before { content: $fa-icon-sun; }
+.fa-icon-moon:before { content: $fa-icon-moon; }
+.fa-icon-archive:before { content: $fa-icon-archive; }
+.fa-icon-bug:before { content: $fa-icon-bug; }
+.fa-icon-vk:before { content: $fa-icon-vk; }
+.fa-icon-weibo:before { content: $fa-icon-weibo; }
+.fa-icon-renren:before { content: $fa-icon-renren; }
+.fa-icon-pagelines:before { content: $fa-icon-pagelines; }
+.fa-icon-stack-exchange:before { content: $fa-icon-stack-exchange; }

scss/_mixins.scss

@@ -1,38 +1,32 @@
 // Mixins
 // --------------------------
 
-@mixin icon($icon) {
-  @include icon-FontAwesome();
-  content: $icon;
+@mixin fa-icon-rotate($degrees, $rotation) {
+  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
+  -webkit-transform: rotate($degrees);
+     -moz-transform: rotate($degrees);
+      -ms-transform: rotate($degrees);
+       -o-transform: rotate($degrees);
+          transform: rotate($degrees);
 }
 
-@mixin icon-FontAwesome() {
-  *margin-right: .3em; // fixes ie7 issues
-  font-family: FontAwesome;
-  -webkit-font-smoothing: antialiased;
-  font-style: normal;
-  font-weight: normal;
-  text-decoration: inherit;
-  text-rendering: auto;
-  -moz-osx-font-smoothing: grayscale;
+@mixin fa-icon-flip($horiz, $vert) {
+  -webkit-transform: scale($horiz, $vert);
+     -moz-transform: scale($horiz, $vert);
+      -ms-transform: scale($horiz, $vert);
+       -o-transform: scale($horiz, $vert);
+          transform: scale($horiz, $vert);
 }
 
-@mixin border-radius($radius) {
-  -webkit-border-radius: $radius;
-  -moz-border-radius: $radius;
-  border-radius: $radius;
-}
-
-@mixin icon-stack($width: 2em, $height: 2em, $top-font-size: 1em, $base-font-size: 2em) {
-  .icon-stack {
+@mixin fa-icon-stack($width: 2em, $height: 2em, $top-font-size: 1em, $base-font-size: 2em) {
+  .fa-icon-stack {
     position: relative;
     display: inline-block;
     width: $width;
     height: $height;
     line-height: $width;
     vertical-align: -35%;
-    [class^="icon-"],
-    [class*=" icon-"] {
+    .fa-icon {
       position: absolute;
       display: block;
       width: 100%;
@@ -42,9 +36,9 @@
       *line-height: $height;
       text-align: center;
     }
-    .icon-stack-base {
+    .fa-icon-stack-base {
       font-size: $base-font-size;
-      *line-height: #{$height / $base-font-size}em;
+      *line-height: ($height / $base-font-size);
     }
   }
 }

scss/_path.scss

@@ -3,12 +3,12 @@
 
 @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?v=#{$FontAwesomeVersion}#fontawesomeregular') format('svg');
-//  src: url('#{$FontAwesomePath}/FontAwesome.otf') format('opentype'); // used when developing fonts
+  src: url('#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}');
+  src: url('#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'),
+    url('#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}') format('woff'),
+    url('#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}') format('truetype'),
+    url('#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular') format('svg');
+  //src: url('#{$fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
   font-weight: normal;
   font-style: normal;
 }

scss/_variables.scss

@@ -1,738 +1,376 @@
 // Variables
 // --------------------------
 
-$FontAwesomePath: "../font" !default;
-$FontAwesomeVersion: "4.0.0" !default;
-$borderColor: #eeeeee !default;
-$iconMuted: #eeeeee !default;
-$iconLight: white !default;
-$iconDark: #333333 !default;
-$icons-li-width: (30em/14);
-
-
-$glass: "\f000";
-
-$music: "\f001";
-
-$search: "\f002";
-
-$envelope-alt: "\f003";
-
-$heart: "\f004";
-
-$star: "\f005";
-
-$star-alt: "\f006";
-
-$user: "\f007";
-
-$film: "\f008";
-
-$th-large: "\f009";
-
-$th: "\f00a";
-
-$th-list: "\f00b";
-
-$check: "\f00c";
-
-$times: "\f00d";
-
-$zoom-in: "\f00e";
-
-$zoom-out: "\f010";
-
-$power-off: "\f011";
-
-$signal: "\f012";
-
-$cog: "\f013";
-
-$trash: "\f014";
-
-$home: "\f015";
-
-$file-alt: "\f016";
-
-$time: "\f017";
-
-$road: "\f018";
-
-$download: "\f019";
-
-$arrow-circle-alt-down: "\f01a";
-
-$arrow-circle-alt-up: "\f01b";
-
-$inbox: "\f01c";
-
-$play-circle-alt: "\f01d";
-
-$repeat: "\f01e";
-
-$refresh: "\f021";
-
-$list-alt: "\f022";
-
-$lock: "\f023";
-
-$flag: "\f024";
-
-$headphones: "\f025";
-
-$volume-off: "\f026";
-
-$volume-down: "\f027";
-
-$volume-up: "\f028";
-
-$qrcode: "\f029";
-
-$barcode: "\f02a";
-
-$tag: "\f02b";
-
-$tags: "\f02c";
-
-$book: "\f02d";
-
-$bookmark: "\f02e";
-
-$print: "\f02f";
-
-$camera: "\f030";
-
-$font: "\f031";
-
-$bold: "\f032";
-
-$italic: "\f033";
-
-$text-height: "\f034";
-
-$text-width: "\f035";
-
-$align-left: "\f036";
-
-$align-center: "\f037";
-
-$align-right: "\f038";
-
-$align-justify: "\f039";
-
-$list: "\f03a";
-
-$outdent: "\f03b";
-
-$indent: "\f03c";
-
-$video-camera: "\f03d";
-
-$picture: "\f03e";
-
-$pencil: "\f040";
-
-$map-marker: "\f041";
-
-$adjust: "\f042";
-
-$tint: "\f043";
-
-$pencil-square-alt: "\f044";
-
-$share-square-alt: "\f045";
-
-$check-square-alt: "\f046";
-
-$move: "\f047";
-
-$step-backward: "\f048";
-
-$fast-backward: "\f049";
-
-$backward: "\f04a";
-
-$play: "\f04b";
-
-$pause: "\f04c";
-
-$stop: "\f04d";
-
-$forward: "\f04e";
-
-$fast-forward: "\f050";
-
-$step-forward: "\f051";
-
-$eject: "\f052";
-
-$chevron-left: "\f053";
-
-$chevron-right: "\f054";
-
-$plus-circle: "\f055";
-
-$minus-circle: "\f056";
-
-$times-circle: "\f057";
-
-$check-circle: "\f058";
-
-$question-circle: "\f059";
-
-$info-circle: "\f05a";
-
-$screenshot: "\f05b";
-
-$times-circle-alt: "\f05c";
-
-$check-circle-alt: "\f05d";
-
-$ban: "\f05e";
-
-$arrow-left: "\f060";
-
-$arrow-right: "\f061";
-
-$arrow-up: "\f062";
-
-$arrow-down: "\f063";
-
-$share: "\f064";
-
-$resize-full: "\f065";
-
-$resize-small: "\f066";
-
-$plus: "\f067";
-
-$minus: "\f068";
-
-$asterisk: "\f069";
-
-$exclamation-circle: "\f06a";
-
-$gift: "\f06b";
-
-$leaf: "\f06c";
-
-$fire: "\f06d";
-
-$eye: "\f06e";
-
-$eye-closed: "\f070";
-
-$exclamation-triangle: "\f071";
-
-$plane: "\f072";
-
-$calendar: "\f073";
-
-$random: "\f074";
-
-$comment: "\f075";
-
-$magnet: "\f076";
-
-$chevron-up: "\f077";
-
-$chevron-down: "\f078";
-
-$retweet: "\f079";
-
-$shopping-cart: "\f07a";
-
-$folder: "\f07b";
-
-$folder-open: "\f07c";
-
-$resize-vertical: "\f07d";
-
-$resize-horizontal: "\f07e";
-
-$bar-chart: "\f080";
-
-$twitter-square: "\f081";
-
-$facebook-square: "\f082";
-
-$camera-retro: "\f083";
-
-$key: "\f084";
-
-$cogs: "\f085";
-
-$comments: "\f086";
-
-$thumbs-up-alt: "\f087";
-
-$thumbs-down-alt: "\f088";
-
-$star-half: "\f089";
-
-$heart-alt: "\f08a";
-
-$sign-out: "\f08b";
-
-$linkedin-square: "\f08c";
-
-$thumb-tack: "\f08d";
-
-$external-link: "\f08e";
-
-$sign-in: "\f090";
-
-$trophy: "\f091";
-
-$github-square: "\f092";
-
-$upload: "\f093";
-
-$lemon-alt: "\f094";
-
-$phone: "\f095";
-
-$square-alt: "\f096";
-
-$bookmark-alt: "\f097";
-
-$phone-square: "\f098";
-
-$twitter: "\f099";
-
-$facebook: "\f09a";
-
-$github: "\f09b";
-
-$unlock: "\f09c";
-
-$credit-card: "\f09d";
-
-$rss: "\f09e";
-
-$hdd: "\f0a0";
-
-$bullhorn: "\f0a1";
-
-$bell: "\f0f3";
-
-$certificate: "\f0a3";
-
-$hand-right: "\f0a4";
-
-$hand-left: "\f0a5";
-
-$hand-up: "\f0a6";
-
-$hand-down: "\f0a7";
-
-$arrow-circle-left: "\f0a8";
-
-$arrow-circle-right: "\f0a9";
-
-$arrow-circle-up: "\f0aa";
-
-$arrow-circle-down: "\f0ab";
-
-$globe: "\f0ac";
-
-$wrench: "\f0ad";
-
-$tasks: "\f0ae";
-
-$filter: "\f0b0";
-
-$briefcase: "\f0b1";
-
-$fullscreen: "\f0b2";
-
-$group: "\f0c0";
-
-$link: "\f0c1";
-
-$cloud: "\f0c2";
-
-$flask: "\f0c3";
-
-$scissors: "\f0c4";
-
-$files: "\f0c5";
-
-$paperclip: "\f0c6";
-
-$floppy: "\f0c7";
-
-$square: "\f0c8";
-
-$reorder: "\f0c9";
-
-$list-ul: "\f0ca";
-
-$list-ol: "\f0cb";
-
-$strikethrough: "\f0cc";
-
-$underline: "\f0cd";
-
-$table: "\f0ce";
-
-$magic: "\f0d0";
-
-$truck: "\f0d1";
-
-$pinterest: "\f0d2";
-
-$pinterest-square: "\f0d3";
-
-$google-plus-square: "\f0d4";
-
-$google-plus: "\f0d5";
-
-$money: "\f0d6";
-
-$caret-down: "\f0d7";
-
-$caret-up: "\f0d8";
-
-$caret-left: "\f0d9";
-
-$caret-right: "\f0da";
-
-$columns: "\f0db";
-
-$sort: "\f0dc";
-
-$sort-asc: "\f0dd";
-
-$sort-desc: "\f0de";
-
-$envelope: "\f0e0";
-
-$linkedin: "\f0e1";
-
-$undo: "\f0e2";
-
-$gavel: "\f0e3";
-
-$tachometer: "\f0e4";
-
-$comment-alt: "\f0e5";
-
-$comments-alt: "\f0e6";
-
-$bolt: "\f0e7";
-
-$sitemap: "\f0e8";
-
-$umbrella: "\f0e9";
-
-$clipboard: "\f0ea";
-
-$lightbulb: "\f0eb";
-
-$exchange: "\f0ec";
-
-$cloud-download: "\f0ed";
-
-$cloud-upload: "\f0ee";
-
-$user-md: "\f0f0";
-
-$stethoscope: "\f0f1";
-
-$suitcase: "\f0f2";
-
-$bell-alt: "\f0a2";
-
-$coffee: "\f0f4";
-
-$cutlery: "\f0f5";
-
-$file-text-alt: "\f0f6";
-
-$building: "\f0f7";
-
-$hospital: "\f0f8";
-
-$ambulance: "\f0f9";
-
-$medkit: "\f0fa";
-
-$fighter-jet: "\f0fb";
-
-$beer: "\f0fc";
-
-$h-square: "\f0fd";
-
-$plus-square: "\f0fe";
-
-$double-angle-left: "\f100";
-
-$double-angle-right: "\f101";
-
-$double-angle-up: "\f102";
-
-$double-angle-down: "\f103";
-
-$angle-left: "\f104";
-
-$angle-right: "\f105";
-
-$angle-up: "\f106";
-
-$angle-down: "\f107";
-
-$desktop: "\f108";
-
-$laptop: "\f109";
-
-$tablet: "\f10a";
-
-$mobile: "\f10b";
-
-$circle-alt: "\f10c";
-
-$quote-left: "\f10d";
-
-$quote-right: "\f10e";
-
-$spinner: "\f110";
-
-$circle: "\f111";
-
-$reply: "\f112";
-
-$github-alt: "\f113";
-
-$folder-alt: "\f114";
-
-$folder-open-alt: "\f115";
-
-$expand-alt: "\f116";
-
-$collapse-alt: "\f117";
-
-$smile: "\f118";
-
-$frown: "\f119";
-
-$meh: "\f11a";
-
-$gamepad: "\f11b";
-
-$keyboard: "\f11c";
-
-$flag-alt: "\f11d";
-
-$flag-checkered: "\f11e";
-
-$terminal: "\f120";
-
-$code: "\f121";
-
-$reply-all: "\f122";
-
-$mail-reply-all: "\f122";
-
-$star-half-alt: "\f123";
-
-$location-arrow: "\f124";
-
-$crop: "\f125";
-
-$code-fork: "\f126";
-
-$chain-broken: "\f127";
-
-$question: "\f128";
-
-$info: "\f129";
-
-$exclamation: "\f12a";
-
-$superscript: "\f12b";
-
-$subscript: "\f12c";
-
-$eraser: "\f12d";
-
-$puzzle-piece: "\f12e";
-
-$microphone: "\f130";
-
-$microphone-off: "\f131";
-
-$shield: "\f132";
-
-$calendar-alt: "\f133";
-
-$fire-extinguisher: "\f134";
-
-$rocket: "\f135";
-
-$maxcdn: "\f136";
-
-$chevron-circle-left: "\f137";
-
-$chevron-circle-right: "\f138";
-
-$chevron-circle-up: "\f139";
-
-$chevron-circle-down: "\f13a";
-
-$html5: "\f13b";
-
-$css3: "\f13c";
-
-$anchor: "\f13d";
-
-$unlock-alt: "\f13e";
-
-$bullseye: "\f140";
-
-$ellipsis-horizontal: "\f141";
-
-$ellipsis-vertical: "\f142";
-
-$rss-square: "\f143";
-
-$play-circle: "\f144";
-
-$ticket: "\f145";
-
-$minus-square: "\f146";
-
-$minus-square-alt: "\f147";
-
-$level-up: "\f148";
-
-$level-down: "\f149";
-
-$check-square: "\f14a";
-
-$pencil-square: "\f14b";
-
-$external-link-square: "\f14c";
-
-$share-square: "\f14d";
-
-$compass: "\f14e";
-
-$collapse-down: "\f150";
-
-$collapse-up: "\f151";
-
-$expand: "\f152";
-
-$eur: "\f153";
-
-$gbp: "\f154";
-
-$usd: "\f155";
-
-$inr: "\f156";
-
-$jpy: "\f157";
-
-$rub: "\f158";
-
-$krw: "\f159";
-
-$btc: "\f15a";
-
-$file: "\f15b";
-
-$file-text: "\f15c";
-
-$sort-alpha-asc: "\f15d";
-
-$sort-alpha-desc: "\f15e";
-
-$sort-amount-asc: "\f160";
-
-$sort-amount-desc: "\f161";
-
-$sort-numeric-asc: "\f162";
-
-$sort-numeric-desc: "\f163";
-
-$thumbs-up: "\f164";
-
-$thumbs-down: "\f165";
-
-$youtube-sign: "\f166";
-
-$youtube: "\f167";
-
-$xing: "\f168";
-
-$xing-sign: "\f169";
-
-$youtube-play: "\f16a";
-
-$dropbox: "\f16b";
-
-$stack-overflow: "\f16c";
-
-$instagram: "\f16d";
-
-$flickr: "\f16e";
-
-$adn: "\f170";
-
-$bitbucket: "\f171";
-
-$bitbucket-square: "\f172";
-
-$tumblr: "\f173";
-
-$tumblr-square: "\f174";
-
-$long-arrow-down: "\f175";
-
-$long-arrow-up: "\f176";
-
-$long-arrow-left: "\f177";
-
-$long-arrow-right: "\f178";
-
-$apple: "\f179";
-
-$windows: "\f17a";
-
-$android: "\f17b";
-
-$linux: "\f17c";
-
-$dribbble: "\f17d";
-
-$skype: "\f17e";
-
-$foursquare: "\f180";
-
-$trello: "\f181";
-
-$female: "\f182";
-
-$male: "\f183";
-
-$gittip: "\f184";
-
-$sun: "\f185";
-
-$moon: "\f186";
-
-$archive: "\f187";
-
-$bug: "\f188";
-
-$vk: "\f189";
-
-$weibo: "\f18a";
-
-$renren: "\f18b";
-
-$pagelines: "\f18c";
-
-$stack-exchange: "\f18d";
+$fa-font-path:       "../fonts" !default;
+//$fa-font-path:       "//netdna.bootstrapcdn.com/font-awesome/4.0.0/font" !default; // for referencing Bootstrap CDN font files directly
+$fa-version:         "4.0.0" !default;
+$fa-border-color:    #eee !default;
+$fa-icon-muted:      #eee !default;
+$fa-icon-light:      #fff !default;
+$fa-icon-dark:       #333 !default;
+$fa-icon-li-width:   (30em / 14);
+
+$fa-icon-glass: "\f000";
+$fa-icon-music: "\f001";
+$fa-icon-search: "\f002";
+$fa-icon-envelope-alt: "\f003";
+$fa-icon-heart: "\f004";
+$fa-icon-star: "\f005";
+$fa-icon-star-alt: "\f006";
+$fa-icon-user: "\f007";
+$fa-icon-film: "\f008";
+$fa-icon-th-large: "\f009";
+$fa-icon-th: "\f00a";
+$fa-icon-th-list: "\f00b";
+$fa-icon-check: "\f00c";
+$fa-icon-times: "\f00d";
+$fa-icon-zoom-in: "\f00e";
+$fa-icon-zoom-out: "\f010";
+$fa-icon-power-off: "\f011";
+$fa-icon-signal: "\f012";
+$fa-icon-cog: "\f013";
+$fa-icon-trash: "\f014";
+$fa-icon-home: "\f015";
+$fa-icon-file-alt: "\f016";
+$fa-icon-time: "\f017";
+$fa-icon-road: "\f018";
+$fa-icon-download: "\f019";
+$fa-icon-arrow-circle-alt-down: "\f01a";
+$fa-icon-arrow-circle-alt-up: "\f01b";
+$fa-icon-inbox: "\f01c";
+$fa-icon-play-circle-alt: "\f01d";
+$fa-icon-repeat: "\f01e";
+$fa-icon-refresh: "\f021";
+$fa-icon-list-alt: "\f022";
+$fa-icon-lock: "\f023";
+$fa-icon-flag: "\f024";
+$fa-icon-headphones: "\f025";
+$fa-icon-volume-off: "\f026";
+$fa-icon-volume-down: "\f027";
+$fa-icon-volume-up: "\f028";
+$fa-icon-qrcode: "\f029";
+$fa-icon-barcode: "\f02a";
+$fa-icon-tag: "\f02b";
+$fa-icon-tags: "\f02c";
+$fa-icon-book: "\f02d";
+$fa-icon-bookmark: "\f02e";
+$fa-icon-print: "\f02f";
+$fa-icon-camera: "\f030";
+$fa-icon-font: "\f031";
+$fa-icon-bold: "\f032";
+$fa-icon-italic: "\f033";
+$fa-icon-text-height: "\f034";
+$fa-icon-text-width: "\f035";
+$fa-icon-align-left: "\f036";
+$fa-icon-align-center: "\f037";
+$fa-icon-align-right: "\f038";
+$fa-icon-align-justify: "\f039";
+$fa-icon-list: "\f03a";
+$fa-icon-outdent: "\f03b";
+$fa-icon-indent: "\f03c";
+$fa-icon-video-camera: "\f03d";
+$fa-icon-picture: "\f03e";
+$fa-icon-pencil: "\f040";
+$fa-icon-map-marker: "\f041";
+$fa-icon-adjust: "\f042";
+$fa-icon-tint: "\f043";
+$fa-icon-pencil-square-alt: "\f044";
+$fa-icon-share-square-alt: "\f045";
+$fa-icon-check-square-alt: "\f046";
+$fa-icon-move: "\f047";
+$fa-icon-step-backward: "\f048";
+$fa-icon-fast-backward: "\f049";
+$fa-icon-backward: "\f04a";
+$fa-icon-play: "\f04b";
+$fa-icon-pause: "\f04c";
+$fa-icon-stop: "\f04d";
+$fa-icon-forward: "\f04e";
+$fa-icon-fast-forward: "\f050";
+$fa-icon-step-forward: "\f051";
+$fa-icon-eject: "\f052";
+$fa-icon-chevron-left: "\f053";
+$fa-icon-chevron-right: "\f054";
+$fa-icon-plus-circle: "\f055";
+$fa-icon-minus-circle: "\f056";
+$fa-icon-times-circle: "\f057";
+$fa-icon-check-circle: "\f058";
+$fa-icon-question-circle: "\f059";
+$fa-icon-info-circle: "\f05a";
+$fa-icon-screenshot: "\f05b";
+$fa-icon-times-circle-alt: "\f05c";
+$fa-icon-check-circle-alt: "\f05d";
+$fa-icon-ban: "\f05e";
+$fa-icon-arrow-left: "\f060";
+$fa-icon-arrow-right: "\f061";
+$fa-icon-arrow-up: "\f062";
+$fa-icon-arrow-down: "\f063";
+$fa-icon-share: "\f064";
+$fa-icon-resize-full: "\f065";
+$fa-icon-resize-small: "\f066";
+$fa-icon-plus: "\f067";
+$fa-icon-minus: "\f068";
+$fa-icon-asterisk: "\f069";
+$fa-icon-exclamation-circle: "\f06a";
+$fa-icon-gift: "\f06b";
+$fa-icon-leaf: "\f06c";
+$fa-icon-fire: "\f06d";
+$fa-icon-eye: "\f06e";
+$fa-icon-eye-closed: "\f070";
+$fa-icon-exclamation-triangle: "\f071";
+$fa-icon-plane: "\f072";
+$fa-icon-calendar: "\f073";
+$fa-icon-random: "\f074";
+$fa-icon-comment: "\f075";
+$fa-icon-magnet: "\f076";
+$fa-icon-chevron-up: "\f077";
+$fa-icon-chevron-down: "\f078";
+$fa-icon-retweet: "\f079";
+$fa-icon-shopping-cart: "\f07a";
+$fa-icon-folder: "\f07b";
+$fa-icon-folder-open: "\f07c";
+$fa-icon-resize-vertical: "\f07d";
+$fa-icon-resize-horizontal: "\f07e";
+$fa-icon-bar-chart: "\f080";
+$fa-icon-twitter-square: "\f081";
+$fa-icon-facebook-square: "\f082";
+$fa-icon-camera-retro: "\f083";
+$fa-icon-key: "\f084";
+$fa-icon-cogs: "\f085";
+$fa-icon-comments: "\f086";
+$fa-icon-thumbs-up-alt: "\f087";
+$fa-icon-thumbs-down-alt: "\f088";
+$fa-icon-star-half: "\f089";
+$fa-icon-heart-alt: "\f08a";
+$fa-icon-sign-out: "\f08b";
+$fa-icon-linkedin-square: "\f08c";
+$fa-icon-thumb-tack: "\f08d";
+$fa-icon-external-link: "\f08e";
+$fa-icon-sign-in: "\f090";
+$fa-icon-trophy: "\f091";
+$fa-icon-github-square: "\f092";
+$fa-icon-upload: "\f093";
+$fa-icon-lemon-alt: "\f094";
+$fa-icon-phone: "\f095";
+$fa-icon-square-alt: "\f096";
+$fa-icon-bookmark-alt: "\f097";
+$fa-icon-phone-square: "\f098";
+$fa-icon-twitter: "\f099";
+$fa-icon-facebook: "\f09a";
+$fa-icon-github: "\f09b";
+$fa-icon-unlock: "\f09c";
+$fa-icon-credit-card: "\f09d";
+$fa-icon-rss: "\f09e";
+$fa-icon-hdd: "\f0a0";
+$fa-icon-bullhorn: "\f0a1";
+$fa-icon-bell: "\f0f3";
+$fa-icon-certificate: "\f0a3";
+$fa-icon-hand-right: "\f0a4";
+$fa-icon-hand-left: "\f0a5";
+$fa-icon-hand-up: "\f0a6";
+$fa-icon-hand-down: "\f0a7";
+$fa-icon-arrow-circle-left: "\f0a8";
+$fa-icon-arrow-circle-right: "\f0a9";
+$fa-icon-arrow-circle-up: "\f0aa";
+$fa-icon-arrow-circle-down: "\f0ab";
+$fa-icon-globe: "\f0ac";
+$fa-icon-wrench: "\f0ad";
+$fa-icon-tasks: "\f0ae";
+$fa-icon-filter: "\f0b0";
+$fa-icon-briefcase: "\f0b1";
+$fa-icon-fullscreen: "\f0b2";
+$fa-icon-group: "\f0c0";
+$fa-icon-link: "\f0c1";
+$fa-icon-cloud: "\f0c2";
+$fa-icon-flask: "\f0c3";
+$fa-icon-scissors: "\f0c4";
+$fa-icon-files: "\f0c5";
+$fa-icon-paperclip: "\f0c6";
+$fa-icon-floppy: "\f0c7";
+$fa-icon-square: "\f0c8";
+$fa-icon-reorder: "\f0c9";
+$fa-icon-list-ul: "\f0ca";
+$fa-icon-list-ol: "\f0cb";
+$fa-icon-strikethrough: "\f0cc";
+$fa-icon-underline: "\f0cd";
+$fa-icon-table: "\f0ce";
+$fa-icon-magic: "\f0d0";
+$fa-icon-truck: "\f0d1";
+$fa-icon-pinterest: "\f0d2";
+$fa-icon-pinterest-square: "\f0d3";
+$fa-icon-google-plus-square: "\f0d4";
+$fa-icon-google-plus: "\f0d5";
+$fa-icon-money: "\f0d6";
+$fa-icon-caret-down: "\f0d7";
+$fa-icon-caret-up: "\f0d8";
+$fa-icon-caret-left: "\f0d9";
+$fa-icon-caret-right: "\f0da";
+$fa-icon-columns: "\f0db";
+$fa-icon-sort: "\f0dc";
+$fa-icon-sort-asc: "\f0dd";
+$fa-icon-sort-desc: "\f0de";
+$fa-icon-envelope: "\f0e0";
+$fa-icon-linkedin: "\f0e1";
+$fa-icon-undo: "\f0e2";
+$fa-icon-gavel: "\f0e3";
+$fa-icon-tachometer: "\f0e4";
+$fa-icon-comment-alt: "\f0e5";
+$fa-icon-comments-alt: "\f0e6";
+$fa-icon-bolt: "\f0e7";
+$fa-icon-sitemap: "\f0e8";
+$fa-icon-umbrella: "\f0e9";
+$fa-icon-clipboard: "\f0ea";
+$fa-icon-lightbulb: "\f0eb";
+$fa-icon-exchange: "\f0ec";
+$fa-icon-cloud-download: "\f0ed";
+$fa-icon-cloud-upload: "\f0ee";
+$fa-icon-user-md: "\f0f0";
+$fa-icon-stethoscope: "\f0f1";
+$fa-icon-suitcase: "\f0f2";
+$fa-icon-bell-alt: "\f0a2";
+$fa-icon-coffee: "\f0f4";
+$fa-icon-cutlery: "\f0f5";
+$fa-icon-file-text-alt: "\f0f6";
+$fa-icon-building: "\f0f7";
+$fa-icon-hospital: "\f0f8";
+$fa-icon-ambulance: "\f0f9";
+$fa-icon-medkit: "\f0fa";
+$fa-icon-fighter-jet: "\f0fb";
+$fa-icon-beer: "\f0fc";
+$fa-icon-h-square: "\f0fd";
+$fa-icon-plus-square: "\f0fe";
+$fa-icon-double-angle-left: "\f100";
+$fa-icon-double-angle-right: "\f101";
+$fa-icon-double-angle-up: "\f102";
+$fa-icon-double-angle-down: "\f103";
+$fa-icon-angle-left: "\f104";
+$fa-icon-angle-right: "\f105";
+$fa-icon-angle-up: "\f106";
+$fa-icon-angle-down: "\f107";
+$fa-icon-desktop: "\f108";
+$fa-icon-laptop: "\f109";
+$fa-icon-tablet: "\f10a";
+$fa-icon-mobile: "\f10b";
+$fa-icon-circle-alt: "\f10c";
+$fa-icon-quote-left: "\f10d";
+$fa-icon-quote-right: "\f10e";
+$fa-icon-spinner: "\f110";
+$fa-icon-circle: "\f111";
+$fa-icon-reply: "\f112";
+$fa-icon-github-alt: "\f113";
+$fa-icon-folder-alt: "\f114";
+$fa-icon-folder-open-alt: "\f115";
+$fa-icon-expand-alt: "\f116";
+$fa-icon-collapse-alt: "\f117";
+$fa-icon-smile: "\f118";
+$fa-icon-frown: "\f119";
+$fa-icon-meh: "\f11a";
+$fa-icon-gamepad: "\f11b";
+$fa-icon-keyboard: "\f11c";
+$fa-icon-flag-alt: "\f11d";
+$fa-icon-flag-checkered: "\f11e";
+$fa-icon-terminal: "\f120";
+$fa-icon-code: "\f121";
+$fa-icon-reply-all: "\f122";
+$fa-icon-mail-reply-all: "\f122";
+$fa-icon-star-half-alt: "\f123";
+$fa-icon-location-arrow: "\f124";
+$fa-icon-crop: "\f125";
+$fa-icon-code-fork: "\f126";
+$fa-icon-chain-broken: "\f127";
+$fa-icon-question: "\f128";
+$fa-icon-info: "\f129";
+$fa-icon-exclamation: "\f12a";
+$fa-icon-superscript: "\f12b";
+$fa-icon-subscript: "\f12c";
+$fa-icon-eraser: "\f12d";
+$fa-icon-puzzle-piece: "\f12e";
+$fa-icon-microphone: "\f130";
+$fa-icon-microphone-off: "\f131";
+$fa-icon-shield: "\f132";
+$fa-icon-calendar-alt: "\f133";
+$fa-icon-fire-extinguisher: "\f134";
+$fa-icon-rocket: "\f135";
+$fa-icon-maxcdn: "\f136";
+$fa-icon-chevron-circle-left: "\f137";
+$fa-icon-chevron-circle-right: "\f138";
+$fa-icon-chevron-circle-up: "\f139";
+$fa-icon-chevron-circle-down: "\f13a";
+$fa-icon-html5: "\f13b";
+$fa-icon-css3: "\f13c";
+$fa-icon-anchor: "\f13d";
+$fa-icon-unlock-alt: "\f13e";
+$fa-icon-bullseye: "\f140";
+$fa-icon-ellipsis-horizontal: "\f141";
+$fa-icon-ellipsis-vertical: "\f142";
+$fa-icon-rss-square: "\f143";
+$fa-icon-play-circle: "\f144";
+$fa-icon-ticket: "\f145";
+$fa-icon-minus-square: "\f146";
+$fa-icon-minus-square-alt: "\f147";
+$fa-icon-level-up: "\f148";
+$fa-icon-level-down: "\f149";
+$fa-icon-check-square: "\f14a";
+$fa-icon-pencil-square: "\f14b";
+$fa-icon-external-link-square: "\f14c";
+$fa-icon-share-square: "\f14d";
+$fa-icon-compass: "\f14e";
+$fa-icon-collapse-down: "\f150";
+$fa-icon-collapse-up: "\f151";
+$fa-icon-expand: "\f152";
+$fa-icon-eur: "\f153";
+$fa-icon-gbp: "\f154";
+$fa-icon-usd: "\f155";
+$fa-icon-inr: "\f156";
+$fa-icon-jpy: "\f157";
+$fa-icon-rub: "\f158";
+$fa-icon-krw: "\f159";
+$fa-icon-btc: "\f15a";
+$fa-icon-file: "\f15b";
+$fa-icon-file-text: "\f15c";
+$fa-icon-sort-alpha-asc: "\f15d";
+$fa-icon-sort-alpha-desc: "\f15e";
+$fa-icon-sort-amount-asc: "\f160";
+$fa-icon-sort-amount-desc: "\f161";
+$fa-icon-sort-numeric-asc: "\f162";
+$fa-icon-sort-numeric-desc: "\f163";
+$fa-icon-thumbs-up: "\f164";
+$fa-icon-thumbs-down: "\f165";
+$fa-icon-youtube-sign: "\f166";
+$fa-icon-youtube: "\f167";
+$fa-icon-xing: "\f168";
+$fa-icon-xing-sign: "\f169";
+$fa-icon-youtube-play: "\f16a";
+$fa-icon-dropbox: "\f16b";
+$fa-icon-stack-overflow: "\f16c";
+$fa-icon-instagram: "\f16d";
+$fa-icon-flickr: "\f16e";
+$fa-icon-adn: "\f170";
+$fa-icon-bitbucket: "\f171";
+$fa-icon-bitbucket-square: "\f172";
+$fa-icon-tumblr: "\f173";
+$fa-icon-tumblr-square: "\f174";
+$fa-icon-long-arrow-down: "\f175";
+$fa-icon-long-arrow-up: "\f176";
+$fa-icon-long-arrow-left: "\f177";
+$fa-icon-long-arrow-right: "\f178";
+$fa-icon-apple: "\f179";
+$fa-icon-windows: "\f17a";
+$fa-icon-android: "\f17b";
+$fa-icon-linux: "\f17c";
+$fa-icon-dribbble: "\f17d";
+$fa-icon-skype: "\f17e";
+$fa-icon-foursquare: "\f180";
+$fa-icon-trello: "\f181";
+$fa-icon-female: "\f182";
+$fa-icon-male: "\f183";
+$fa-icon-gittip: "\f184";
+$fa-icon-sun: "\f185";
+$fa-icon-moon: "\f186";
+$fa-icon-archive: "\f187";
+$fa-icon-bug: "\f188";
+$fa-icon-vk: "\f189";
+$fa-icon-weibo: "\f18a";
+$fa-icon-renren: "\f18b";
+$fa-icon-pagelines: "\f18c";
+$fa-icon-stack-exchange: "\f18d";
 

scss/font-awesome.scss

@@ -28,6 +28,5 @@
 @import "mixins";
 @import "path";
 @import "core";
-@import "bootstrap";
 @import "extras";
 @import "icons";

src/Makefile

@@ -4,9 +4,11 @@ PATH := ../node_modules/.bin:$(PATH)
 
 FA_ROOT_DIRECTORY = assets/font-awesome
 FA_LESS_DIRECTORY = assets/font-awesome/less
+FA_SCSS_DIRECTORY = assets/font-awesome/scss
 FA_CSS_DIRECTORY = assets/font-awesome/css
 
 FA_LESS_MODERN = ${FA_LESS_DIRECTORY}/font-awesome.less
+FA_SCSS_MODERN = ${FA_SCSS_DIRECTORY}/font-awesome.scss
 
 FA_CSS_MODERN = ${FA_CSS_DIRECTORY}/font-awesome.css
 FA_CSS_MODERN_MIN = ${FA_CSS_DIRECTORY}/font-awesome.min.css
@@ -20,8 +22,11 @@ SITE_CSS_MIN = ${SITE_CSS_DIRECTORY}/site.css
 build:
 	@echo "Compiling Less files"
 	@mkdir -p ${FA_CSS_DIRECTORY}
+
 	lessc ${FA_LESS_MODERN} > ${FA_CSS_MODERN}
 	lessc --compress ${FA_LESS_MODERN} > ${FA_CSS_MODERN_MIN}
+#	sass ${FA_SCSS_MODERN} ${FA_CSS_MODERN}
+
 	lessc --compress ${SITE_LESS} > ${SITE_CSS_MIN}
 	cp -r ${FA_ROOT_DIRECTORY}/* ../
 	cd assets && zip -r9 font-awesome.zip font-awesome

src/assets/font-awesome/less/core.less

@@ -51,6 +51,7 @@
   }
 }
 
+
 // allows usage of the hide class directly on font awesome icons
 .{{ site.fontawesome.css_prefix }}.hide { display: none; }
 
@@ -68,6 +69,7 @@
   border-radius: 3px;
 }
 
+
 // Icon Sizes
 // -------------------------
 
@@ -92,7 +94,6 @@
     border-radius: 6px;
   }
 }
-
 .{{ site.fontawesome.css_prefix }}-5x {
   font-size: 5em;
   &.{{ site.fontawesome.css_prefix }}-border {

src/assets/font-awesome/scss/_bootstrap.scss

@@ -1,84 +0,0 @@
-/* BOOTSTRAP SPECIFIC CLASSES
- * -------------------------- */
-
-/* Bootstrap 2.0 sprites.less reset */
-[class^="icon-"],
-[class*=" icon-"] {
-  display: inline;
-  width: auto;
-  height: auto;
-  margin-top: 0;
-  line-height: normal;
-  vertical-align: baseline;
-  background-image: none;
-  background-position: 0 0;
-  background-repeat: repeat;
-}
-
-/* more sprites.less reset */
-.icon-white,
-.nav-pills > .active > a > [class^="icon-"],
-.nav-pills > .active > a > [class*=" icon-"],
-.nav-list > .active > a > [class^="icon-"],
-.nav-list > .active > a > [class*=" icon-"],
-.navbar-inverse .nav > .active > a > [class^="icon-"],
-.navbar-inverse .nav > .active > a > [class*=" icon-"],
-.dropdown-menu > li > a:hover > [class^="icon-"],
-.dropdown-menu > li > a:hover > [class*=" icon-"],
-.dropdown-menu > .active > a > [class^="icon-"],
-.dropdown-menu > .active > a > [class*=" icon-"],
-.dropdown-submenu:hover > a > [class^="icon-"],
-.dropdown-submenu:hover > a > [class*=" icon-"] {
-  background-image: none;
-}
-
-
-/* keeps Bootstrap styles with and without icons the same */
-.btn, .nav {
-  [class^="icon-"],
-  [class*=" icon-"] {
-    //    display: inline;
-    &.icon-large { line-height: .9em; }
-    &.icon-spin { display: inline-block; }
-  }
-}
-.nav-tabs, .nav-pills {
-  [class^="icon-"],
-  [class*=" icon-"] {
-    &, &.icon-large { line-height: .9em; }
-  }
-}
-.btn {
-  [class^="icon-"],
-  [class*=" icon-"] {
-    &.pull-left, &.pull-right {
-      &.icon-2x { margin-top: .18em; }
-    }
-    &.icon-spin.icon-large { line-height: .8em; }
-  }
-}
-.btn.btn-small {
-  [class^="icon-"],
-  [class*=" icon-"] {
-    &.pull-left, &.pull-right {
-      &.icon-2x { margin-top: .25em; }
-    }
-  }
-}
-.btn.btn-large {
-  [class^="icon-"],
-  [class*=" icon-"] {
-    margin-top: 0; // overrides bootstrap default
-    &.pull-left, &.pull-right {
-      &.icon-2x { margin-top: .05em; }
-    }
-    &.pull-left.icon-2x { margin-right: .2em; }
-    &.pull-right.icon-2x { margin-left: .2em; }
-  }
-}
-
-/* Fixes alignment in nav lists */
-.nav-list [class^="icon-"],
-.nav-list [class*=" icon-"] {
-  line-height: inherit;
-}

src/assets/font-awesome/scss/_core.scss

@@ -1,113 +1,104 @@
+---
+---
 /* FONT AWESOME CORE
  * -------------------------- */
 
-[class^="icon-"],
-[class*=" icon-"] {
-  @include icon-FontAwesome();
-}
-
-[class^="icon-"]:before,
-[class*=" icon-"]:before {
+.{{ site.fontawesome.css_prefix }} {
   display: inline-block;
-  text-decoration: inherit;
-  speak: none;
+  font-family: FontAwesome;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
 }
 
 /* makes the font 33% larger relative to the icon container */
-.icon-large:before {
-  font-size: (4em/3);
-  vertical-align: -10%;
+.{{ site.fontawesome.css_prefix }}-lg {
+  font-size: (4em / 3);
+  line-height: (3em / 4);
+  vertical-align: -15%;
 }
-
-/* makes sure icons active on rollover in links */
-a {
-  [class^="icon-"],
-  [class*=" icon-"] {
-    display: inline;
+/* increased font size for icon-lg */
+.{{ site.fontawesome.css_prefix }}-fixed-width {
+  width: (16em / 14);
+  padding-right: (4em / 14);
+  text-align: right;
+  &.{{ site.fontawesome.css_prefix }}-lg {
+    width: (20em / 14);
   }
 }
 
-/* increased font size for icon-large */
-[class^="icon-"],
-[class*=" icon-"] {
-  &.icon-fixed-width {
-    display: inline-block;
-    width: (16em/14);
-    padding-right: (4em/14);
-    text-align: right;
-    &.icon-large {
-      width: (20em/14);
-    }
-  }
-}
 
-.icons-ul {
+// Icon UL & LI
+// -------------------------
+
+.{{ site.fontawesome.css_prefix }}-ul {
   padding-left: 0;
-  margin-left: $icons-li-width;
+  margin-left: $fa-icon-li-width;
   list-style-type: none;
 
   > li { position: relative; }
-
-  .icon-li {
-    position: absolute;
-    left: -$icons-li-width;
-    width: $icons-li-width;
-    line-height: inherit;
-    text-align: center;
+}
+.{{ site.fontawesome.css_prefix }}-li {
+  position: absolute;
+  left: -$fa-icon-li-width;
+  width: $fa-icon-li-width;
+  top: (2em / 14);
+  text-align: center;
+  &.{{ site.fontawesome.css_prefix }}-lg {
+    left: -$fa-icon-li-width + (4em / 14);
   }
 }
 
+
 // allows usage of the hide class directly on font awesome icons
-[class^="icon-"],
-[class*=" icon-"] {
-  &.hide {
-    display: none;
-  }
-}
+.{{ site.fontawesome.css_prefix }}.hide { display: none; }
+
+.{{ site.fontawesome.css_prefix }}-muted { color: $fa-icon-muted; }
+.{{ site.fontawesome.css_prefix }}-light { color: $fa-icon-light; }
+.{{ site.fontawesome.css_prefix }}-dark { color: $fa-icon-dark; }
 
-.icon-muted { color: $iconMuted; }
-.icon-light { color: $iconLight; }
-.icon-dark { color: $iconDark; }
 
 // Icon Borders
 // -------------------------
 
-.icon-border {
+.{{ site.fontawesome.css_prefix }}-border {
   padding: .2em .25em .15em;
-  border: solid 1px $borderColor;
-  @include border-radius(3px);
+  border: solid 1px $fa-border-color;
+  border-radius: 3px;
 }
 
+
 // Icon Sizes
 // -------------------------
 
-.icon-2x {
+.{{ site.fontawesome.css_prefix }}-2x {
   font-size: 2em;
-  &.icon-border {
+  &.{{ site.fontawesome.css_prefix }}-border {
     border-width: 2px;
-    @include border-radius(4px);
+    border-radius: 4px;
   }
 }
-.icon-3x {
+.{{ site.fontawesome.css_prefix }}-3x {
   font-size: 3em;
-  &.icon-border {
+  &.{{ site.fontawesome.css_prefix }}-border {
     border-width: 3px;
-    @include border-radius(5px);
+    border-radius: 5px;
   }
 }
-.icon-4x {
+.{{ site.fontawesome.css_prefix }}-4x {
   font-size: 4em;
-  &.icon-border {
+  &.{{ site.fontawesome.css_prefix }}-border {
     border-width: 4px;
-    @include border-radius(6px);
+    border-radius: 6px;
   }
 }
-
-.icon-5x {
+.{{ site.fontawesome.css_prefix }}-5x {
   font-size: 5em;
-  &.icon-border {
+  &.{{ site.fontawesome.css_prefix }}-border {
     border-width: 5px;
-    @include border-radius(7px);
+    border-radius: 7px;
   }
 }
 
@@ -119,12 +110,7 @@ a {
 .pull-right { float: right; }
 .pull-left { float: left; }
 
-[class^="icon-"],
-[class*=" icon-"] {
-  &.pull-left {
-    margin-right: .3em;
-  }
-  &.pull-right {
-    margin-left: .3em;
-  }
+.{{ site.fontawesome.css_prefix }} {
+  &.pull-left { margin-right: .3em; }
+  &.pull-right { margin-left: .3em; }
 }

src/assets/font-awesome/scss/_extras.scss

@@ -1,25 +1,19 @@
+---
+---
 /* EXTRAS
  * -------------------------- */
 
 /* Stacked and layered icon */
-@include icon-stack();
+@include {{ site.fontawesome.css_prefix }}-stack();
 
 /* Animated rotating icon */
-.icon-spin {
-  display: inline-block;
+.{{ site.fontawesome.css_prefix }}-spin {
   -webkit-animation: spin 2s infinite linear;
   -moz-animation: spin 2s infinite linear;
   -o-animation: spin 2s infinite linear;
   animation: spin 2s infinite linear;
 }
 
-/* Prevent stack and spinners from being taken inline when inside a link */
-a .icon-stack,
-a .icon-spin {
-  display: inline-block;
-  text-decoration: none;
-}
-
 @-moz-keyframes spin {
   0% { -moz-transform: rotate(0deg); }
   100% { -moz-transform: rotate(359deg); }
@@ -41,53 +35,13 @@ a .icon-spin {
   100% { transform: rotate(359deg); }
 }
 
-/* Icon rotations and mirroring */
-.icon-rotate-90:before {
-  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-  -webkit-transform: rotate(90deg);
-  -moz-transform: rotate(90deg);
-  -ms-transform: rotate(90deg);
-  -o-transform: rotate(90deg);
-  transform: rotate(90deg);
-}
-
-.icon-rotate-180:before {
-  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-  -webkit-transform: rotate(180deg);
-  -moz-transform: rotate(180deg);
-  -ms-transform: rotate(180deg);
-  -o-transform: rotate(180deg);
-  transform: rotate(180deg);
-}
-
-.icon-rotate-270:before {
-  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-  -webkit-transform: rotate(270deg);
-  -moz-transform: rotate(270deg);
-  -ms-transform: rotate(270deg);
-  -o-transform: rotate(270deg);
-  transform: rotate(270deg);
-}
 
-.icon-flip-horizontal:before {
-  -webkit-transform: scale(-1, 1);
-  -moz-transform: scale(-1, 1);
-  -ms-transform: scale(-1, 1);
-  -o-transform: scale(-1, 1);
-  transform: scale(-1, 1);
-}
+// Icon rotations & flipping
+// -------------------------
 
-.icon-flip-vertical:before {
-  -webkit-transform: scale(1, -1);
-  -moz-transform: scale(1, -1);
-  -ms-transform: scale(1, -1);
-  -o-transform: scale(1, -1);
-  transform: scale(1, -1);
-}
+.{{ site.fontawesome.css_prefix }}-rotate-90  { @include {{ site.fontawesome.css_prefix }}-rotate(90deg, 1);  }
+.{{ site.fontawesome.css_prefix }}-rotate-180 { @include {{ site.fontawesome.css_prefix }}-rotate(180deg, 2); }
+.{{ site.fontawesome.css_prefix }}-rotate-270 { @include {{ site.fontawesome.css_prefix }}-rotate(270deg, 3); }
 
-/* ensure rotation occurs inside anchor tags */
-a {
-  .icon-rotate-90, .icon-rotate-180, .icon-rotate-270, .icon-flip-horizontal, .icon-flip-vertical {
-    &:before { display: inline-block; }
-  }
-}
+.{{ site.fontawesome.css_prefix }}-flip-horizontal { @include {{ site.fontawesome.css_prefix }}-flip(-1, 1); }
+.{{ site.fontawesome.css_prefix }}-flip-vertical   { @include {{ site.fontawesome.css_prefix }}-flip(1, -1); }

src/assets/font-awesome/scss/_icons.scss

@@ -1,7 +1,7 @@
 ---
 ---
 /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
- * readers do not read off random characters that represent icons */
+   readers do not read off random characters that represent icons */
 {% for icon in icons %}{% for alias in icon.aliases %}
-.icon-{{ alias }}:before,{% endfor %}
-.icon-{{ icon.id }}:before { content: ${{ icon.id }}; }{% endfor %}
+.{{ site.fontawesome.css_prefix }}-{{ alias }}:before,{% endfor %}
+.{{ site.fontawesome.css_prefix }}-{{ icon.id }}:before { content: ${{ site.fontawesome.css_prefix }}-{{ icon.id }}; }{% endfor %}

src/assets/font-awesome/scss/_mixins.scss

@@ -1,38 +1,34 @@
+---
+---
 // Mixins
 // --------------------------
 
-@mixin icon($icon) {
-  @include icon-FontAwesome();
-  content: $icon;
+@mixin {{ site.fontawesome.css_prefix }}-rotate($degrees, $rotation) {
+  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
+  -webkit-transform: rotate($degrees);
+     -moz-transform: rotate($degrees);
+      -ms-transform: rotate($degrees);
+       -o-transform: rotate($degrees);
+          transform: rotate($degrees);
 }
 
-@mixin icon-FontAwesome() {
-  *margin-right: .3em; // fixes ie7 issues
-  font-family: FontAwesome;
-  -webkit-font-smoothing: antialiased;
-  font-style: normal;
-  font-weight: normal;
-  text-decoration: inherit;
-  text-rendering: auto;
-  -moz-osx-font-smoothing: grayscale;
+@mixin {{ site.fontawesome.css_prefix }}-flip($horiz, $vert) {
+  -webkit-transform: scale($horiz, $vert);
+     -moz-transform: scale($horiz, $vert);
+      -ms-transform: scale($horiz, $vert);
+       -o-transform: scale($horiz, $vert);
+          transform: scale($horiz, $vert);
 }
 
-@mixin border-radius($radius) {
-  -webkit-border-radius: $radius;
-  -moz-border-radius: $radius;
-  border-radius: $radius;
-}
-
-@mixin icon-stack($width: 2em, $height: 2em, $top-font-size: 1em, $base-font-size: 2em) {
-  .icon-stack {
+@mixin {{ site.fontawesome.css_prefix }}-stack($width: 2em, $height: 2em, $top-font-size: 1em, $base-font-size: 2em) {
+  .{{ site.fontawesome.css_prefix }}-stack {
     position: relative;
     display: inline-block;
     width: $width;
     height: $height;
     line-height: $width;
     vertical-align: -35%;
-    [class^="icon-"],
-    [class*=" icon-"] {
+    .{{ site.fontawesome.css_prefix }} {
       position: absolute;
       display: block;
       width: 100%;
@@ -42,9 +38,9 @@
       *line-height: $height;
       text-align: center;
     }
-    .icon-stack-base {
+    .{{ site.fontawesome.css_prefix }}-stack-base {
       font-size: $base-font-size;
-      *line-height: #{$height / $base-font-size}em;
+      *line-height: ($height / $base-font-size);
     }
   }
 }

src/assets/font-awesome/scss/_path.scss

@@ -3,12 +3,12 @@
 
 @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?v=#{$FontAwesomeVersion}#fontawesomeregular') format('svg');
-//  src: url('#{$FontAwesomePath}/FontAwesome.otf') format('opentype'); // used when developing fonts
+  src: url('#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}');
+  src: url('#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'),
+    url('#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}') format('woff'),
+    url('#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}') format('truetype'),
+    url('#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular') format('svg');
+  //src: url('#{$fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
   font-weight: normal;
   font-style: normal;
 }

src/assets/font-awesome/scss/_variables.scss

@@ -3,14 +3,14 @@
 // Variables
 // --------------------------
 
-$FontAwesomePath: "../font" !default;
-$FontAwesomeVersion: "{{ site.fontawesome.version }}" !default;
-$borderColor: #eeeeee !default;
-$iconMuted: #eeeeee !default;
-$iconLight: white !default;
-$iconDark: #333333 !default;
-$icons-li-width: (30em/14);
+$fa-font-path:       "../fonts" !default;
+//$fa-font-path:       "//netdna.bootstrapcdn.com/font-awesome/{{ site.fontawesome.version}}/font" !default; // for referencing Bootstrap CDN font files directly
+$fa-version:         "{{ site.fontawesome.version }}" !default;
+$fa-border-color:    #eee !default;
+$fa-icon-muted:      #eee !default;
+$fa-icon-light:      #fff !default;
+$fa-icon-dark:       #333 !default;
+$fa-icon-li-width:   (30em / 14);
 
-{% for icon in icons %}
-${{ icon.id }}: "\{{ icon.unicode }}";
+{% for icon in icons %}${{ site.fontawesome.css_prefix }}-{{ icon.id }}: "\{{ icon.unicode }}";
 {% endfor %}

src/assets/font-awesome/scss/font-awesome.scss

@@ -6,6 +6,5 @@
 @import "mixins";
 @import "path";
 @import "core";
-@import "bootstrap";
 @import "extras";
 @import "icons";