// Variables
// --------------------------
-@FontAwesomePath: "../font";
-//@FontAwesomePath: "//netdna.bootstrapcdn.com/font-awesome/{{ site.fontawesome.version}}/font"; // for referencing Bootstrap CDN font files directly
-@FontAwesomeVersion: "{{ site.fontawesome.version }}";
-@borderColor: #eee;
-@iconMuted: #eee;
-@iconLight: #fff;
-@iconDark: #333;
-@icons-li-width: 30/14em;
+@fa-font-path: "../fonts";
+//@fa-font-path: "//netdna.bootstrapcdn.com/font-awesome/{{site.fontawesome.version}}/fonts"; // for referencing Bootstrap CDN font files directly
+@fa-css-prefix: {{ site.fontawesome.css_prefix }};
+@fa-version: "{{ site.fontawesome.version }}";
+@fa-border-color: #eee;
+@fa-inverse: #fff;
+@fa-li-width: (30em / 14);
-{% for icon in icons %}
- @{{ icon.id }}: "\{{ icon.unicode }}";
+{% for icon in icons %}@fa-var-{{ icon.id }}: "\{{ icon.unicode }}";
{% endfor %}