v1.3.41

bower.json

@@ -1,6 +1,6 @@
 {
     "name": "mdi",
-    "version": "1.2.64",
+    "version": "1.3.41",
     "main": [
         "css/materialdesignicons.css",
         "fonts/*",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "mdi",
-  "version": "1.2.64",
+  "version": "1.3.41",
   "description": "Dist for Material Design Webfont. This includes the Stock and Community icons in a single webfont collection.",
   "main": "preview.html",
   "scripts": {

scss/_core.scss

@@ -1,6 +1,6 @@
 .#{$mdi-css-prefix} {
   display: inline-block;
-  font: normal normal normal #{$mdi-font-size-base}/1 MaterialDesignIcons; // shortening font declaration
+  font: normal normal normal #{$mdi-font-size-base}/1 '#{$mdi-font-name}'; // shortening font declaration
   font-size: inherit; // can't have font-size inherit on line above, so need to override
   text-rendering: auto; // optimizelegibility throws things off #1094
   -webkit-font-smoothing: antialiased;

scss/_extras.scss

@@ -0,0 +1,8 @@
+.#{$mdi-css-prefix + '-18px'} { font-size: 18px; }
+.#{$mdi-css-prefix + '-24px'} { font-size: 24px; }
+.#{$mdi-css-prefix + '-36px'} { font-size: 36px; }
+.#{$mdi-css-prefix + '-48px'} { font-size: 48px; }
+.#{$mdi-css-prefix}-dark { color: rgba(0, 0, 0, 0.54); }
+.#{$mdi-css-prefix}-dark.mdi-inactive { color: rgba(0, 0, 0, 0.26); }
+.#{$mdi-css-prefix}-light { color: rgba(255, 255, 255, 1); }
+.#{$mdi-css-prefix}-light.mdi-inactive { color: rgba(255, 255, 255, 0.3); }

scss/_path.scss

@@ -1,11 +1,11 @@
 @font-face {
-  font-family: 'MaterialDesignIcons';
-  src: url('#{$mdi-font-path}/materialdesignicons-webfont.eot?v=#{$mdi-version}');
-  src: url('#{$mdi-font-path}/materialdesignicons-webfont.eot?#iefix&v=#{$mdi-version}') format('embedded-opentype'),
-    url('#{$mdi-font-path}/materialdesignicons-webfont.woff2?v=#{$mdi-version}') format('woff2'),
-    url('#{$mdi-font-path}/materialdesignicons-webfont.woff?v=#{$mdi-version}') format('woff'),
-    url('#{$mdi-font-path}/materialdesignicons-webfont.ttf?v=#{$mdi-version}') format('truetype'),
-    url('#{$mdi-font-path}/materialdesignicons-webfont.svg?v=#{$mdi-version}#materialdesigniconsregular') format('svg');
+  font-family: '#{$mdi-font-name}';
+  src: url('#{$mdi-font-path}/#{$mdi-filename}-webfont.eot?v=#{$mdi-version}');
+  src: url('#{$mdi-font-path}/#{$mdi-filename}-webfont.eot?#iefix&v=#{$mdi-version}') format('embedded-opentype'),
+    url('#{$mdi-font-path}/#{$mdi-filename}-webfont.woff2?v=#{$mdi-version}') format('woff2'),
+    url('#{$mdi-font-path}/#{$mdi-filename}-webfont.woff?v=#{$mdi-version}') format('woff'),
+    url('#{$mdi-font-path}/#{$mdi-filename}-webfont.ttf?v=#{$mdi-version}') format('truetype'),
+    url('#{$mdi-font-path}/#{$mdi-filename}-webfont.svg?v=#{$mdi-version}##{$mdi-filename}#{$mdi-font-weight}') format('svg');
   font-weight: normal;
   font-style: normal;
 }

scss/_variables.scss

@@ -1,4 +1,8 @@
+$mdi-filename:         "materialdesignicons";
+$mdi-font-name:        "Material Design Icons";
+$mdi-font-family:      "materialdesignicons";
+$mdi-font-weight:      "regular";
 $mdi-font-path:        "../fonts" !default;
 $mdi-font-size-base:   24px !default;
 $mdi-css-prefix:       mdi !default;
-$mdi-version:          "1.2.64" !default;
+$mdi-version:          "1.3.41" !default;