Committing SASS and Less sources compiled by the build process.

README.md

@@ -20,7 +20,6 @@ Get started at http://fontawesome.io!
 - Full details: http://fontawesome.io/license
 
 ##Changelog
-- v4.4.0 - SASS/LessCSS refactoring
 - v3.0.0 - all icons redesigned from scratch, optimized for Bootstrap's 14px default
 - v3.0.1 - much improved rendering in webkit, various bug fixes
 - v3.0.2 - much improved rendering and alignment in IE7

less/animated.less

@@ -1,4 +1,4 @@
-// Animated Icons
+// animated icons
 // --------------------------
 
 .@{fa-css-prefix}-spin {

less/bordered-pulled.less

@@ -1,4 +1,4 @@
-// Bordered & Pulled
+// bordered and pulled
 // -------------------------
 
 .@{fa-css-prefix}-border {

less/core.less

@@ -1,4 +1,4 @@
-// Base Class Definition
+// base class definition
 // -------------------------
 
 .@{fa-css-prefix} {
@@ -9,4 +9,5 @@
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   transform: translate(0, 0); // ensures no half-pixel rendering in firefox
+
 }

less/fixed-width.less

@@ -1,4 +1,4 @@
-// Fixed Width Icons
+// fixed width icons
 // -------------------------
 
 .@{fa-css-prefix}-fw {

less/list.less

@@ -1,4 +1,4 @@
-// List Icons
+// list icons
 // -------------------------
 
 .@{fa-css-prefix}-ul {
@@ -7,7 +7,6 @@
   list-style-type: none;
   > li { position: relative; }
 }
-
 .@{fa-css-prefix}-li {
   position: absolute;
   left: -@fa-li-width;

less/mixins.less

@@ -1,4 +1,4 @@
-// Mixins
+// mixins
 // --------------------------
 
 .fa-icon() {
@@ -9,6 +9,7 @@
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   transform: translate(0, 0); // ensures no half-pixel rendering in firefox
+
 }
 
 .fa-icon-rotate(@degrees) {

less/path.less

@@ -1,8 +1,10 @@
-/* FONT PATH
+// font path
- * -------------------------- */
+// --------------------------
 
 @font-face {
   font-family: 'FontAwesome';
+  font-style: normal;
+  font-weight: normal;
   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.woff2?v=@{fa-version}') format('woff2'),
@@ -10,6 +12,4 @@
     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;
 }

less/rotated-flipped.less

@@ -1,4 +1,4 @@
-// Rotated & Flipped Icons
+// rotated and flipped icons
 // -------------------------
 
 @rotations-requiring-ie-fix:

less/sizes.less

@@ -1,13 +1,36 @@
-// Icon Sizes
+// icon sizes
-// -------------------------
+// --------------------------
 
-/* makes the font 33% larger relative to the icon container */
+// scale icon size by n
-.@{fa-css-prefix}-lg {
+.createIconScales(@iterator: 1) when(@iterator <= length(@fa-var-scales)) {
-  font-size: (4em / 3);
+
-  line-height: (3em / 4);
+  @fa-icon-scale-name: extract(extract(@fa-var-scales, @iterator), 1);
+  @fa-icon-scale-name-unquoted: ~"@{fa-icon-scale-name}";
+  @fa-icon-scale: extract(extract(@fa-var-scales, @iterator), 2);
+
+  .@{fa-css-prefix}-@{fa-icon-scale-name-unquoted} {
+
+    font-size: floor(@fa-font-size-base * @fa-icon-scale);
+    line-height: floor(@fa-font-size-base * @fa-icon-scale * 0.75);
     vertical-align: -15%;
+  }
+
+  .createIconScales((@iterator + 1));
 }
-.@{fa-css-prefix}-2x { font-size: 2em; }
+.createIconScales();
-.@{fa-css-prefix}-3x { font-size: 3em; }
+
-.@{fa-css-prefix}-4x { font-size: 4em; }
+// multiply icon size by n
-.@{fa-css-prefix}-5x { font-size: 5em; }
+.createIconMultipliers(@iterator: 1) when(@iterator <= length(@fa-var-multipliers)) {
+
+  @fa-icon-multiplier-name: extract(extract(@fa-var-multipliers, @iterator), 1);
+  @fa-icon-multiplier-name-unquoted: ~"@{fa-icon-multiplier-name}";
+  @fa-icon-multiplier: extract(extract(@fa-var-multipliers, @iterator), 2);
+
+  .@{fa-css-prefix}-@{fa-icon-multiplier-name-unquoted} {
+
+    font-size: floor(@fa-font-size-base * @fa-icon-multiplier);
+  }
+
+  .createIconMultipliers((@iterator + 1));
+}
+.createIconMultipliers();

less/stacked.less

@@ -1,4 +1,4 @@
-// Stacked Icons
+// stacked icons
 // -------------------------
 
 .@{fa-css-prefix}-stack {

scss/_animated.scss

@@ -1,4 +1,4 @@
-// Spinning Icons
+// spinning icons
 // --------------------------
 
 .#{$fa-css-prefix}-spin {

scss/_bordered-pulled.scss

@@ -1,4 +1,4 @@
-// Bordered & Pulled
+// bordered and pulled
 // -------------------------
 
 .#{$fa-css-prefix}-border {

scss/_core.scss

@@ -1,4 +1,4 @@
-// Base Class Definition
+// base class definition
 // -------------------------
 
 .#{$fa-css-prefix} {
@@ -9,4 +9,5 @@
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   transform: translate(0, 0); // ensures no half-pixel rendering in firefox
+
 }

scss/_fixed-width.scss

@@ -1,4 +1,4 @@
-// Fixed Width Icons
+// fixed width icons
 // -------------------------
 
 .#{$fa-css-prefix}-fw {

scss/_functions.scss

@@ -1,4 +1,4 @@
-// Functions
+// functions
 // --------------------------
 
 // extract the number from a unit

scss/_larger.scss

@@ -0,0 +1,18 @@
+// icon sizes
+// -------------------------
+
+// scale icon size by n
+@each $fa-icon-scale-name, $fa-icon-scale in $fa-var-scales {
+  .#{$fa-css-prefix}-#{$fa-icon-scale-name} {
+    font-size: #{fudge(unitless($fa-font-size-base) * $fa-icon-scale)}px;
+    line-height: #{fudge(unitless($fa-font-size-base) * $fa-icon-scale * 0.75)}px;
+    vertical-align: -15%;
+  }
+}
+
+// multiply icon size by n
+@each $fa-icon-multiplier-name, $fa-icon-multiplier in $fa-var-multipliers {
+  .#{$fa-css-prefix}-#{$fa-icon-multiplier-name} {
+    font-size: #{fudge($fa-font-size-base * $fa-icon-multiplier)}px;
+  }
+}

scss/_list.scss

@@ -1,4 +1,4 @@
-// List Icons
+// list icons
 // -------------------------
 
 .#{$fa-css-prefix}-ul {

scss/_mixins.scss

@@ -1,4 +1,4 @@
-// Mixins
+// mixins
 // --------------------------
 
 @mixin fa-icon() {

scss/_path.scss

@@ -1,5 +1,5 @@
-/* FONT PATH
+// font path
- * -------------------------- */
+// --------------------------
 
 @font-face {
   font-family: 'FontAwesome';

scss/_rotated-flipped.scss

@@ -1,4 +1,4 @@
-// Rotated & Flipped Icons
+// rotated and flipped icons
 // -------------------------
 
 $rotations-requiring-ie-fix: (

scss/_sizes.scss

@@ -1,4 +1,4 @@
-// Icon Sizes
+// icon sizes
 // -------------------------
 
 // scale icon size by n

scss/_stacked.scss

@@ -1,4 +1,4 @@
-// Stacked Icons
+// stacked icons
 // -------------------------
 
 .#{$fa-css-prefix}-stack {

scss/_variables.scss

@@ -1,17 +1,18 @@
-// Variables
+// variables
 // --------------------------
 
-$fa-border-color:       #eee !default;
-$fa-css-prefix:         fa !default;
 $fa-font-path:          "../fonts" !default;
 $fa-font-size-base:     14px !default;
+//$fa-font-path:        "//netdna.bootstrapcdn.com/font-awesome/4.4.0/fonts" !default; // for referencing Bootstrap CDN font files directly
+$fa-css-prefix:         fa !default;
+$fa-version:            "4.4.0" !default;
+$fa-border-color:       #eee !default;
 $fa-inverse:            #fff !default;
 $fa-li-width:           (30em / 14) !default;
-$fa-version:            "4.4.0" !default;
 $fa-rotation-increment: 45 !default;
-//$fa-font-path:          "//netdna.bootstrapcdn.com/font-awesome/4.3.0/fonts" !default; // for referencing Bootstrap CDN font files directly
 
-// the icons
+
+
 $fa-var-glyphs: (
   "adjust": "\f042",
   "adn": "\f170",
@@ -605,9 +606,9 @@ $fa-var-glyphs: (
   "yen": "\f157",
   "youtube": "\f167",
   "youtube-play": "\f16a",
-  "youtube-square": "\f166"
+  "youtube-square": "\f166",
-);
   
+);
 // icon sizes - these scale font size and line height
 $fa-var-scales: (
   "default": 1.000,

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

@@ -1,16 +0,0 @@
----
----
-
-// Icon Sizes
-// -------------------------
-
-/* makes the font 33% larger relative to the icon container */
-.@{fa-css-prefix}-lg {
-  font-size: (4em / 3);
-  line-height: (3em / 4);
-  vertical-align: -15%;
-}
-.@{fa-css-prefix}-2x { font-size: 2em; }
-.@{fa-css-prefix}-3x { font-size: 3em; }
-.@{fa-css-prefix}-4x { font-size: 4em; }
-.@{fa-css-prefix}-5x { font-size: 5em; }

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

@@ -1,16 +0,0 @@
----
----
-
-// Icon Sizes
-// -------------------------
-
-/* makes the font 33% larger relative to the icon container */
-.#{$fa-css-prefix}-lg {
-  font-size: (4em / 3);
-  line-height: (3em / 4);
-  vertical-align: -15%;
-}
-.#{$fa-css-prefix}-2x { font-size: 2em; }
-.#{$fa-css-prefix}-3x { font-size: 3em; }
-.#{$fa-css-prefix}-4x { font-size: 4em; }
-.#{$fa-css-prefix}-5x { font-size: 5em; }