feat(Material Icons): support overriding material font url using scss

- to allow referencing the font from any scss file location. define `$md-font-url` before importing `font.scss`
justindujardin · Dec 12, 2015 · a9c88bc · a9c88bc
1 parent 015392f
commit a9c88bc
Show file tree

Hide file tree

Showing 8 changed files with 7 additions and 7 deletions.
diff --git a/font/MaterialIcons-Regular.eot → public/font/MaterialIcons-Regular.eot b/font/MaterialIcons-Regular.eot → public/font/MaterialIcons-Regular.eot
diff --git a/font/MaterialIcons-Regular.ijmap → public/font/MaterialIcons-Regular.ijmap b/font/MaterialIcons-Regular.ijmap → public/font/MaterialIcons-Regular.ijmap
diff --git a/font/MaterialIcons-Regular.ttf → public/font/MaterialIcons-Regular.ttf b/font/MaterialIcons-Regular.ttf → public/font/MaterialIcons-Regular.ttf
diff --git a/font/MaterialIcons-Regular.woff → public/font/MaterialIcons-Regular.woff b/font/MaterialIcons-Regular.woff → public/font/MaterialIcons-Regular.woff
diff --git a/font/MaterialIcons-Regular.woff2 → public/font/MaterialIcons-Regular.woff2 b/font/MaterialIcons-Regular.woff2 → public/font/MaterialIcons-Regular.woff2
diff --git a/font/README.md → public/font/README.md b/font/README.md → public/font/README.md
diff --git a/font/codepoints → public/font/codepoints b/font/codepoints → public/font/codepoints
diff --git a/font/font.scss → public/font/font.scss b/font/font.scss → public/font/font.scss
@@ -1,16 +1,16 @@
+$md-font-url: './' !default;
 
 @font-face {
   font-family: 'Material Icons';
   font-style: normal;
   font-weight: 400;
-  src: url(./font/MaterialIcons-Regular.eot); /* For IE6-8 */
-  src: local('./Material Icons'),
-       local('./MaterialIcons-Regular'),
-       url(./font/MaterialIcons-Regular.woff2) format('woff2'),
-       url(./font/MaterialIcons-Regular.woff) format('woff'),
-       url(./font/MaterialIcons-Regular.ttf) format('truetype');
+  src: url($md-font-url + 'MaterialIcons-Regular.eot'); /* For IE6-8 */
+  src: local($md-font-url + 'Material Icons'),
+       local($md-font-url + 'MaterialIcons-Regular'),
+       url($md-font-url + 'MaterialIcons-Regular.woff2') format('woff2'),
+       url($md-font-url + 'MaterialIcons-Regular.woff') format('woff'),
+       url($md-font-url + 'MaterialIcons-Regular.ttf') format('truetype');
 }
-
 .material-icons {
   font-family: 'Material Icons';
   font-weight: normal;