Add config for ratchicons directory

sass/ratchicons.scss

@@ -6,11 +6,11 @@
   font-family: Ratchicons;
   font-weight: normal;
   font-style: normal;
-  src: url('../fonts/ratchicons.eot');
+  src: url($font-directory + '/ratchicons.eot');
-  src: url('../fonts/ratchicons.eot?#iefix') format('embedded-opentype'),
+  src: url($font-directory + '/ratchicons.eot?#iefix') format('embedded-opentype'),
-       url('../fonts/ratchicons.woff') format('woff'),
+       url($font-directory + '/ratchicons.woff') format('woff'),
-       url('../fonts/ratchicons.ttf') format('truetype'),
+       url($font-directory + '/ratchicons.ttf') format('truetype'),
-       url('../fonts/ratchicons.svg#svgFontName') format('svg');
+       url($font-directory + '/ratchicons.svg#svgFontName') format('svg');
 }
 
 .icon {

sass/variables.scss

@@ -5,6 +5,7 @@
 
 // Type
 // --------------------------------------------------
+$font-directory: "../fonts" !default;
 $font-family-default: "Helvetica Neue", Helvetica, sans-serif !default;
 $font-size-default: 17px !default;
 $font-weight: 500 !default;