move material-icons to composer

2026-02-10 16:01:33 +00:00 · 2021-02-28 14:53:04 +03:00
parent bada1601fc
commit a22ddb2fe0
56 changed files with 6321 additions and 66 deletions
@@ -30,7 +30,7 @@ private static $installed = array (
    'aliases' => 
    array (
    ),
-    'reference' => 'bc4475b6698f5a74e475674aa7af43253c459892',
+    'reference' => 'bada1601fc231ecde54a528a545611429d60af21',
    'name' => '__root__',
  ),
  'versions' => 
@@ -42,7 +42,7 @@ private static $installed = array (
      'aliases' => 
      array (
      ),
-      'reference' => 'bc4475b6698f5a74e475674aa7af43253c459892',
+      'reference' => 'bada1601fc231ecde54a528a545611429d60af21',
    ),
    'beberlei/assert' => 
    array (
@@ -71,6 +71,15 @@ private static $installed = array (
      ),
      'reference' => 'b9b0431dffd74102ee92348a63b4c33fc8ba639b',
    ),
+    'mervick/material-design-icons' => 
+    array (
+      'pretty_version' => '2.2.0',
+      'version' => '2.2.0.0',
+      'aliases' => 
+      array (
+      ),
+      'reference' => '635435c8d3df3a6da3241648caf8a65d1c07cc1a',
+    ),
    'paragonie/constant_time_encoding' => 
    array (
      'pretty_version' => 'v2.4.0',
@@ -204,6 +204,52 @@
            },
            "install-path": "../chillerlan/php-settings-container"
        },
+        {
+            "name": "mervick/material-design-icons",
+            "version": "2.2.0",
+            "version_normalized": "2.2.0.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/mervick/material-design-icons.git",
+                "reference": "635435c8d3df3a6da3241648caf8a65d1c07cc1a"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/mervick/material-design-icons/zipball/635435c8d3df3a6da3241648caf8a65d1c07cc1a",
+                "reference": "635435c8d3df3a6da3241648caf8a65d1c07cc1a",
+                "shasum": ""
+            },
+            "time": "2016-02-22T01:05:40+00:00",
+            "type": "library",
+            "installation-source": "dist",
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT",
+                "CC-BY-4.0"
+            ],
+            "authors": [
+                {
+                    "name": "Andrey Izman",
+                    "email": "izmanw@gmail.com"
+                }
+            ],
+            "description": "Google Material Design Icons For Using With Bootstrap",
+            "homepage": "http://github.com/mervick/material-design-icons",
+            "keywords": [
+                "bootstrap",
+                "google",
+                "icons",
+                "icons-web-font",
+                "material",
+                "material-design",
+                "web-font"
+            ],
+            "support": {
+                "issues": "https://github.com/mervick/material-design-icons/issues",
+                "source": "http://github.com/mervick/material-design-icons"
+            },
+            "install-path": "../mervick/material-design-icons"
+        },
        {
            "name": "paragonie/constant_time_encoding",
            "version": "v2.4.0",
@@ -6,7 +6,7 @@
    'aliases' => 
    array (
    ),
-    'reference' => 'bc4475b6698f5a74e475674aa7af43253c459892',
+    'reference' => 'bada1601fc231ecde54a528a545611429d60af21',
    'name' => '__root__',
  ),
  'versions' => 
@@ -18,7 +18,7 @@
      'aliases' => 
      array (
      ),
-      'reference' => 'bc4475b6698f5a74e475674aa7af43253c459892',
+      'reference' => 'bada1601fc231ecde54a528a545611429d60af21',
    ),
    'beberlei/assert' => 
    array (
@@ -47,6 +47,15 @@
      ),
      'reference' => 'b9b0431dffd74102ee92348a63b4c33fc8ba639b',
    ),
+    'mervick/material-design-icons' => 
+    array (
+      'pretty_version' => '2.2.0',
+      'version' => '2.2.0.0',
+      'aliases' => 
+      array (
+      ),
+      'reference' => '635435c8d3df3a6da3241648caf8a65d1c07cc1a',
+    ),
    'paragonie/constant_time_encoding' => 
    array (
      'pretty_version' => 'v2.4.0',
@@ -0,0 +1,28 @@
+# phpstorm project files
+.idea
+
+# netbeans project files
+nbproject
+
+# zend studio for eclipse project files
+.buildpath
+.project
+.settings
+
+# windows thumbnail cache
+Thumbs.db
+
+# Mac DS_Store Files
+.DS_Store
+
+# Compass config
+config.rb
+
+# Sass cache
+.sass-cache
+
+# Node modules
+node_modules
+
+# Vendors
+vendor
@@ -0,0 +1,63 @@
+/* jshint nod: true */
+"use strict";
+
+var livereload = {
+    host: 'localhost',
+    port: 35729,
+};
+
+module.exports = function(grunt) {
+    grunt.initConfig({
+        pkg: grunt.file.readJSON('package.json'),
+        sass: {
+            dist: {
+                options: {
+                    sourcemap: 'none',
+                    unixNewlines: true,
+                    compass: true,
+                    lineNumbers: false,
+                },
+                files: {
+                    'css/material-icons.css' : 'scss/material-icons.scss'
+                }
+            },
+            demo: {
+                options: {
+                    sourcemap: 'none',
+                    unixNewlines: true,
+                    compass: true,
+                    lineNumbers: true,
+                },
+                files: {
+                    'demo/style/main.css' : 'demo/style/main.scss'
+                }
+            },
+        },
+        cssmin: {
+            options: {
+                sourceMap: true
+            },
+            target: {
+                files: {
+                    'css/material-icons.min.css': ['css/material-icons.css']
+                }
+            }
+        },
+        watch: {
+            css: {
+                files: [
+                    'scss/*.scss',
+                    'demo/style/*.scss'
+                ],
+                tasks: ['sass'],
+                options: {
+                    livereload: livereload
+                }
+            }
+        }
+    });
+    grunt.loadNpmTasks('grunt-contrib-sass');
+    grunt.loadNpmTasks('grunt-contrib-cssmin');
+    grunt.loadNpmTasks('grunt-contrib-watch');
+    grunt.registerTask('default', ['sass', 'watch']);
+}
@@ -0,0 +1,141 @@
+/* jshint node: true */
+"use strict";
+
+var _ = require('lodash'),
+    fs = require('fs'),
+    gulp = require('gulp'),
+    gutil = require('gulp-util'),
+    changed = require('gulp-changed'),
+    File = require('vinyl'),
+    path = require('path'),
+    through2 = require('through2');
+
+
+var sassClassPrefix = 'md-css-prefix',
+    modulePath = './node_modules/material-design-icons',
+    srcCodepoints = modulePath + '/iconfont/codepoints',
+    fontsPath = './fonts',
+    dstCodepoints = fontsPath + '/codepoints',
+    sassFile = 'scss/_icons.scss',
+    sassHeader = '@import "variables";\n\n',
+    demoDataFile = 'demo/js/data.js'
+
+
+function generateSassCodepoints(filepath) {
+    return through2.obj(function(codepointsFile, encoding, callback) {
+        function codepointsToSass(codepoints) {
+            return _(codepoints)
+                .split('\n')
+                .reject(_.isEmpty)
+                .reduce(function(file, line) {
+                    let codepoint = line.split(' ');
+                    file += '.#{$' + sassClassPrefix + '}-' + codepoint[0].replace(/_/g, '-') +
+                        ':before { content: "\\' + codepoint[1]  + '"; }\n';
+                    return file;
+                }, sassHeader);
+        }
+        callback(null, new File({
+            path: filepath,
+            contents: new Buffer(codepointsToSass(codepointsFile.contents), 'utf8')
+        }));
+    });
+}
+
+
+gulp.task('update-sass', function() {
+    gulp.src(srcCodepoints)
+        .pipe(changed(fontsPath, {hasChanged: changed.compareSha1Digest}))
+        .pipe(generateSassCodepoints(sassFile))
+        .pipe(gulp.dest('.'));
+});
+
+function generateDataCodepoints(filepath) {
+    return through2.obj(function(codepointsFile, encoding, callback) {
+        var countIcons = 0,
+            newIcons = 0;
+
+        function codepoints2obj(codepoints) {
+            return _(codepoints)
+                .split('\n')
+                .reject(_.isEmpty)
+                .reduce(function(obj, line) {
+                    let codepoint = line.split(' ');
+                    obj[codepoint[0]] = codepoint[1];
+                    return obj;
+                }, {});
+        }
+
+        function scanCategories(dir, codes) {
+            var categories = {};
+            fs.readdirSync(dir)
+            .filter(function (file) {
+                return fs.statSync(path.join(dir, file)).isDirectory()
+                    && fs.existsSync(path.join(dir, file, "svg/production"));
+            })
+            .forEach(function (category) {
+                categories[category] = {};
+                let catPath = path.join(dir, category, "svg/production");
+                fs.readdirSync(catPath)
+                .filter(function(file) {
+                    return file.match(/^ic_(.+?)_\d+px\.svg$/);
+                })
+                .forEach(function(file) {
+                    let matches;
+                    if (matches = /^ic_(.+?)_\d+px\.svg$/.exec(file)) {
+                        let icon = matches[1];
+                        if (codes[icon]) {
+                            if (!categories[category][icon]) {
+                                categories[category][icon] = codes[icon];
+                                countIcons ++;
+                            }
+                        }
+                    }
+                });
+            });
+            return categories;
+        }
+
+        function calculateNewIcons(categories, codes, old) {
+            var cats = categories;
+            Object.keys(categories).forEach(function(name) {
+                let category = categories[name];
+                Object.keys(category).forEach(function(icon) {
+                    let code = category[icon];
+                    cats[name][icon] = [code, !old[icon]];
+                    if (!old[icon]) {
+                        newIcons ++;
+                    }
+                });
+            });
+            return cats;
+        }
+
+        var codes = codepoints2obj(codepointsFile.contents);
+        var categories = scanCategories(modulePath, codes);
+        categories = calculateNewIcons(categories, codes,
+            codepoints2obj(fs.readFileSync(dstCodepoints).toString()));
+
+        gutil.log('Was found', gutil.colors.red(newIcons), 'new icons');
+        gutil.log('Total found', gutil.colors.red(countIcons), 'icons.');
+
+        callback(null, new File({
+            path: filepath,
+            contents: new Buffer(
+                'window.data = ' + JSON.stringify(categories) + ';', 'utf8')
+        }));
+    });
+}
+
+gulp.task('update-demo-data', function() {
+    gulp.src(srcCodepoints)
+        .pipe(changed(fontsPath, {hasChanged: changed.compareSha1Digest}))
+        .pipe(generateDataCodepoints(demoDataFile))
+        .pipe(gulp.dest('.'));
+});
+
+gulp.task('update-codepoints', function() {
+    gulp.src(srcCodepoints)
+        .pipe(gulp.dest(fontsPath));
+})
+
+gulp.task('default', ['update-sass', 'update-demo-data']);
@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2015 Andrey Izman <izmanw@gmail.com>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
@@ -0,0 +1,91 @@
+# Material Design Icons 
+[mervick.github.io/material-design-icons](http://mervick.github.io/material-design-icons/)
+
+Material design icons are the official [icon set](http://www.google.com/design/spec/style/icons.html#icons-system-icons) 
+from Google that are designed under the [material design guidelines](http://www.google.com/design/spec).
+
+In the official package the icons uses a typographic feature called [ligatures](http://alistapart.com/article/the-era-of-symbol-fonts), 
+which allows rendering of an icon glyph simply by using its textual name.
+
+In this repository also implemented the ability to use the icons in the bootstrap-style, 
+like in `glyphicon`, `font-awesome` or `ionicons`.
+
+## Installation
+
+You may install this package using Component, Composer, Bower or npm:
+- Component: `component install mervick/material-design-icons`
+- Composer: `composer require mervick/material-design-icons`
+- Bower: `bower install bootstrap-material-design-icons`
+- npm: `npm install bootstrap-material-design-icons`
+
+## Usage 
+
+Add to your html page in the `head` area
+```html
+<link rel="stylesheet" href="css/material-icons.css">
+```
+
+#### Where are two ways to use:
+
+- Ligature, this one is awesome but have some troubles
+```html
+<i class="material-icons">accessibility</i>
+<i class="material-icons">3d_rotation</i>
+<i class="material-icons">airline_seat_legroom_reduced</i>
+```
+
+- Bootstrap-style, 
+```html
+<i class="mdi mdi-accessibility"></i>
+<i class="mdi mdi-3d-rotation"></i>
+<i class="mdi mdi-airline-seat-legroom-reduced"></i>
+```
+
+Using bootstrap-style, you can also use additional features such as in Font Awesome:
+```html
+<!-- Inverse -->
+<i class="mdi mdi-attachment mdi-inverse"></i>
+
+<!-- Animated --> 
+<i class="mdi mdi-attachment mdi-spin"></i>
+<i class="mdi mdi-attachment mdi-pulse"></i>
+
+<!-- Fixed width -->
+<i class="mdi mdi-attachment mdi-fw"></i>
+
+<!-- Bordered -->
+<i class="mdi mdi-attachment mdi-border"></i>
+
+<!-- Pulled -->
+<i class="mdi mdi-attachment pull-left"></i>
+<i class="mdi mdi-attachment pull-right"></i>
+
+<!-- Sizes -->
+<i class="mdi mdi-attachment mdi-lg"></i>
+<i class="mdi mdi-attachment mdi-2x"></i>
+<i class="mdi mdi-attachment mdi-3x"></i>
+<i class="mdi mdi-attachment mdi-4x"></i>
+<i class="mdi mdi-attachment mdi-5x"></i>
+
+<!-- Rotations -->
+<i class="mdi mdi-attachment mdi-rotate-90"></i>
+<i class="mdi mdi-attachment mdi-rotate-180"></i>
+<i class="mdi mdi-attachment mdi-rotate-270"></i>
+
+<!-- Flips -->
+<i class="mdi mdi-attachment mdi-flip-horizontal"></i>
+<i class="mdi mdi-attachment mdi-flip-vertical"></i>
+
+<!-- In lists -->
+<ul class="mdi-ul">
+    <li><i class="mdi-li mdi mdi-keyboard-arrow-right"></i>Lorem ipsum dolor ...</li>
+</ul>
+```
+
+
+##License
+
+- Google Material Design Icons fonts is licensed under the CC-BY-4.0:
+  - https://github.com/google/material-design-icons/blob/master/LICENSE
+- Bootstrap Material Icons CSS and Sass files are licensed under the MIT License:
+  - http://opensource.org/licenses/mit-license.html
@@ -0,0 +1,33 @@
+{
+    "name": "bootstrap-material-design-icons",
+    "version": "2.2.0",
+    "authors": [
+        {
+            "name": "Andrey Izman",
+            "email": "izmanw@gmail.com"
+        }
+    ],
+    "description": "Google Material Design Icons For Using With Bootstrap",
+    "keywords": [
+        "icons",
+        "material",
+        "material-design",
+        "google",
+        "icons-web-font",
+        "web-font",
+        "bootstrap"
+    ],
+    "license": ["MIT", "CC-BY-4.0"],
+    "main": [
+        "./css/material-icons.*",
+        "./fonts/MaterialIcons-Regular.*"
+    ],
+    "ignore": [
+        ".gitignore",
+        "*.json",
+        "*.md"
+    ],
+    "dependencies": {},
+    "devDependencies": {},
+    "homepage": "http://github.com/mervick/material-design-icons"
+}
@@ -0,0 +1,37 @@
+{
+    "name": "material-design-icons",
+    "version": "2.2.0",
+    "repo": "mervick/material-design-icons",
+    "description": "Google Material Design Icons For Using With Bootstrap",
+    "authors": [
+        {
+            "name": "Andrey Izman",
+            "email": "izmanw@gmail.com"
+        }
+    ],
+    "keywords": [
+        "icons",
+        "material",
+        "material-design",
+        "google",
+        "icons-web-font",
+        "web-font",
+        "bootstrap"
+    ],
+    "dependencies": {},
+    "development": {},
+    "license": "MIT, CC-BY-4.0",
+    "homepage": "http://github.com/mervick/material-design-icons",
+    "support": {
+        "source": "http://github.com/mervick/material-design-icons"
+    },
+    "styles": [
+        "css/material-icons.css"
+    ],
+    "fonts": [
+        "fonts/MaterialIcons-Regular.eot",
+        "fonts/MaterialIcons-Regular.ttf",
+        "fonts/MaterialIcons-Regular.woff",
+        "fonts/MaterialIcons-Regular.woff2"
+    ]
+}
@@ -0,0 +1,25 @@
+{
+    "name": "mervick/material-design-icons",
+    "version": "2.2.0",
+    "description": "Google Material Design Icons For Using With Bootstrap",
+    "authors": [
+        {
+            "name": "Andrey Izman",
+            "email": "izmanw@gmail.com"
+        }
+    ],
+    "keywords": [
+        "icons",
+        "material",
+        "material-design",
+        "google",
+        "icons-web-font",
+        "web-font",
+        "bootstrap"
+    ],
+    "homepage": "http://github.com/mervick/material-design-icons",
+    "license": ["MIT", "CC-BY-4.0"],
+    "support": {
+        "source": "http://github.com/mervick/material-design-icons"
+    }
+}
@@ -0,0 +1,121 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="UTF-8">
+  <title>Bootstrap Material Design Icons</title>
+  <link href="https://fonts.googleapis.com/css?family=Roboto+Mono:400,500,700" rel="stylesheet">
+  <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.min.css"/>
+  <link rel="stylesheet" type="text/css" href="style/main.css?v18"/>
+  <link rel="stylesheet" type="text/css" href="../css/material-icons.min.css?v1.1.2"/>
+</head>
+<body>
+  <div class="wrap">
+
+    <header>
+      <div id="head-panel">
+        <div class="container">
+          <h1>Bootstrap Material Design Icons</h1>
+          <div class="buttons">
+            <a class="github-button" href="https://github.com/mervick/material-design-icons" data-style="mega" data-count-href="/mervick/material-design-icons/stargazers" data-count-api="/repos/mervick/material-design-icons#stargazers_count" data-count-aria-label="# stargazers on GitHub" aria-label="Star mervick/material-design-icons on GitHub">Star</a>
+            <a class="github-button" href="https://github.com/mervick/material-design-icons/archive/master.zip" data-icon="octicon-cloud-download" data-style="mega" aria-label="Download mervick/material-design-icons on GitHub">Download</a>
+          </div>
+        </div>
+      </div>
+      <div id="search-panel">
+        <div class="container">
+          <div class="search-icon">
+            <i class="mdi mdi-search"></i>
+          </div>
+          <input type="text" id="search" placeholder="Search" aria-label="Search"/>
+          <div class="search-icon clear-icon" style="display: none;">
+            <i class="mdi mdi-close"></i>
+          </div>
+        </div>
+      </div>
+    </header>
+
+    <div class="container">
+      <div class="content">
+
+        <p>Material design icons are the <a href="http://www.google.com/design/spec/style/icons.html#icons-system-icons">official icon</a>
+          set from Google that are designed under the <a href="http://www.google.com/design/spec">material design guidelines</a>.</p>
+        <p>In the official package the icons uses a typographic feature called <a href="http://alistapart.com/article/the-era-of-symbol-fonts">ligatures</a>,
+          which allows rendering of an icon glyph simply by using its textual name.</p>
+        <p><a href="https://github.com/mervick/material-design-icons">Bootstrap Material Design Icons</a> implements the ability to use the icons in the <code>bootstrap-style</code>, like in
+          <code>glyphicon</code>, <code>font-awesome</code> or <code>ionicons</code>.</p>
+
+        <div id="grid-container"></div>
+
+      </div>
+    </div>
+
+    <div id="snackbar"></div>
+
+  </div>
+
+  <footer>
+    <div id="footer">
+      <div class="container">
+        <p><a href="https://github.com/google/material-design-icons">Google Material Design Icons</a> fonts files are
+          licensed under the <a href="https://github.com/google/material-design-icons/blob/master/LICENSE">CC-BY-4.0</a>,
+          maintained by <a href="https://github.com/google">Google</a>.</p>
+        <p><a href="https://github.com/mervick/material-design-icons">Bootstrap Material Design Icons</a> css and sass files are
+          licensed under the <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>,
+          maintained by <a href="https://github.com/mervick">mervick</a>.</p>
+      </div>
+    </div>
+  </footer>
+
+  <script id="empty-grid" type="text/template">
+    <div class="no-results">No matches found</div>
+  </script>
+
+  <script id="grid-item" type="text/template">
+    <div class="item">
+      <% if (is_new) { %>
+        <div class="new-badge">New</div>
+      <% } %>
+      <i class="mdi mdi-<%= className %>"></i>
+      <div class="caption"><%= caption %></div>
+    </div>
+  </script>
+
+  <script id="snackbar-template" type="text/template">
+    <div class="container">
+      <div class="snackbar-header">
+        <i class="mdi mdi-<%= className %>"></i>
+        <span class="caption"><%= caption %></span>
+        <div class="right-side">
+          <i class="mdi mdi-code"></i>
+          <span class="caption">ICON FONT</span>
+        </div>
+      </div>
+      <div class="snackbar-content flex">
+        <div class="col">
+          <h2>STEP 1: Setup Icon Font</h2>
+          <p>Follow the <a href="https://github.com/mervick/material-design-icons">instructions</a> to embed the icon
+            font in your site and learn how to style your icons using CSS.</p>
+        </div>
+        <div class="col">
+          <h2>STEP 2: Use Icon in Your Site</h2>
+          <p class="code comment">&lt;!-- Bootstrap style, for modern browsers, IE &gt; 8. --&gt;</p>
+          <textarea class="code" readonly>&lt;i class=&quot;mdi mdi-<%= className %>&quot;&gt;&lt;/i&gt;</textarea>
+          <p class="code comment">&lt;!-- Ligature style, for modern browsers, IE &gt; 9. --&gt;</p>
+          <textarea class="code" readonly>&lt;i class=&quot;material-icons&quot;&gt;<%= content %>&lt;/i&gt;</textarea>
+          <p class="code comment">&lt;!-- For IE9 or below. --&gt;</p>
+          <textarea class="code" readonly>&lt;i class=&quot;material-icons&quot;&gt;&amp;#x<%= code %>;&lt;/i&gt;</textarea>
+          <p></p>
+        </div>
+      </div>
+    </div>
+  </script>
+
+  <script async defer id="github-bjs" src="https://buttons.github.io/buttons.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.3/backbone-min.js"></script>
+  <script src="js/data.js?v1.1.2"></script>
+  <script src="js/main.js?v1.1.2"></script>
+
+</body>
+</html>
@@ -0,0 +1,194 @@
+(function($, Backbone) {
+
+    var models = {},
+        views = {},
+        renderData = function (data) {
+            var icons = [],
+                categories = [];
+            $.each(data, function (category, items) {
+                $.each(items, function (content, d) {
+                    categories.push(category);
+                    icons.push({
+                        category: category,
+                        caption: content.replace(/_/g, ' '),
+                        className: content.replace(/_/g, '-'),
+                        content: content,
+                        code: d[0].toUpperCase(),
+                        is_new: d[1] && true
+                    });
+                });
+            });
+            var view = new views.Icons({collection: new models.Icons(icons)});
+            view.render();
+        };
+
+    models.Icon = Backbone.Model.extend();
+
+    models.Icons = Backbone.Collection.extend({
+        model: models.Icon
+    });
+
+    views.Icon = Backbone.View.extend({
+        tagName: 'div',
+        className: 'item-container',
+        template: _.template($('#grid-item').html()),
+        events : {
+            "click" : "showSnackBar"
+        },
+        initialize: function (options) {
+            this.listenTo(this.model, 'hideSnackBar', this.hideSnackBar);
+            _.bindAll(this, 'render', 'hideSnackBar');
+        },
+        render: function () {
+            $(this.el).html(this.template(this.model.attributes));
+            return this;
+        },
+        showSnackBar: function() {
+            $("body").click();
+            this.model.trigger('hideSnackBar');
+            $(this.el).addClass("selected");
+            var view = new views.snackbarView({model: this.model});
+            view.render();
+            return false;
+        },
+        hideSnackBar: function() {
+            $(this.el).removeClass("selected");
+        }
+    });
+
+    views.snackbarView = Backbone.View.extend({
+        container: $('#snackbar'),
+        template: _.template($('#snackbar-template').html()),
+        initialize: function (options) {
+            this.collection = options.collection;
+            $("body").on("click focus", $.proxy(this.hide, this));
+        },
+        render: function () {
+            var hidden = !this.container.children(".container:not(:hidden)").length;
+            this.container.empty();
+            this.container.append(this.template(this.model.attributes));
+            if (hidden) {
+                this.container.children(".container").hide().slideDown('fast');
+            } else {
+                this.container.children(".container").stop(0, 0).slideDown('fast');
+            }
+        },
+        hide: function() {
+            this.model.trigger('hideSnackBar');
+            this.container.children(".container").slideUp('fast');
+        }
+    });
+
+    views.Icons = Backbone.View.extend({
+        container: $('#grid-container'),
+        empty_content: $('#empty-grid').html(),
+        search_input: $('#search'),
+        search_clear: $('#search-panel .clear-icon'),
+        initialize: function (options) {
+            this.collection = options.collection;
+            this.search_input.bind('keyup', $.proxy(this.search, this));
+            this.search_clear.bind('click', $.proxy(this.clear_search, this));
+            _.bindAll(this, 'render');
+        },
+        clear_search : function() {
+            this.search_input.val('');
+            this.search_input.focus();
+            this.search();
+            return this;
+        },
+        search: function () {
+            var str = this.search_input.val();
+            if (str.length > 0) {
+                this.search_clear.show();
+            } else {
+                this.search_clear.hide();
+            }
+            str = str.replace(/[\-_]+/g, ' ').replace(/\s+/, ' ').trim();
+            if (str.length > 0) {
+                var models = this.collection.filter(function (item) {
+                    return item.get("caption").indexOf(str) > -1
+                });
+                this.render(models);
+            } else {
+                this.render();
+            }
+            $('body, html').animate({scrollTop: this.container.offset().top - 64}, 0);
+            return this;
+        },
+        render: function (searchCollection) {
+            var container = this.container,
+                category = null,
+                grid = $("<div/>", {"class" : "grid"}),
+                self = this,
+                models = searchCollection || this.collection;
+            container.empty();
+            models.forEach(function (item) {
+                var itemView = new views.Icon({model: item});
+                if (category === null) {
+                    category = item.get('category');
+                }
+                if (category !== item.get('category')) {
+                    $("<h2/>").html(category.charAt(0).toUpperCase() + category.slice(1)).
+                        appendTo(self.container);
+                    grid.appendTo(self.container);
+
+                    category = item.get('category');
+                    grid = $("<div/>", {"class" : "grid"});
+                    grid.append(itemView.render().el);
+                } else {
+                    grid.append(itemView.render().el);
+                }
+            });
+            if (category !== null) {
+                $("<h2/>").html(category.charAt(0).toUpperCase() + category.slice(1)).
+                    appendTo(self.container);
+                grid.appendTo(self.container);
+            } else {
+                container.html(self.empty_content);
+            }
+            return this;
+        }
+    });
+
+    $(document).ready(function () {
+        var is_fixed_search = false,
+            $win = $(window),
+            search_panel = $("#search-panel"),
+            header_panel = $("#head-panel");
+
+        $win.on("scroll resize", function () {
+            if ($win.scrollTop() > header_panel.outerHeight()) {
+                if (!is_fixed_search) {
+                    is_fixed_search = true;
+                    search_panel.addClass("top-fixed");
+                }
+            } else {
+                if (is_fixed_search) {
+                    is_fixed_search = false;
+                    search_panel.removeClass("top-fixed");
+                }
+            }
+        });
+
+        renderData(window.data);
+
+        $("body").on("focus", "textarea.code", function() {
+            var $this = $(this);
+            $this.select();
+            window.setTimeout(function() {
+                $this.select();
+            }, 1);
+            function mouseUpHandler() {
+                $this.off("mouseup", mouseUpHandler);
+                return false;
+            }
+            $this.mouseup(mouseUpHandler);
+        });
+
+        $("#snackbar").on("click focus", function(e) {
+            e.preventDefault();
+            return false;
+        });
+
+    });
+}) (jQuery, Backbone);
@@ -0,0 +1,385 @@
+/* line 3, main.scss */
+html, body {
+  background-color: #f9f9f9;
+  border: 0;
+  padding: 0;
+  margin: 0;
+  height: 100%;
+  width: 100%;
+  color: #444;
+  font-family: RobotoDraft, Roboto, sans-serif;
+  font-size: 14px;
+  -webkit-font-smoothing: antialiased; }
+
+/* line 16, main.scss */
+*, *:before, *:after {
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box; }
+
+/* line 20, main.scss */
+* {
+  font-family: RobotoDraft, Roboto, sans-serif; }
+
+/* line 24, main.scss */
+a {
+  color: #02a8f3;
+  text-decoration: none; }
+  /* line 27, main.scss */
+  a:hover {
+    text-decoration: underline; }
+  /* line 30, main.scss */
+  a, a:hover {
+    outline: 0; }
+
+/* line 35, main.scss */
+#head-panel {
+  background-color: #03a9f4;
+  padding: 30px 0 20px; }
+  /* line 38, main.scss */
+  #head-panel h1 {
+    color: #fff;
+    font-size: 50px;
+    font-weight: normal;
+    margin: 0 0 10px 0;
+    display: inline-block; }
+    /* line 44, main.scss */
+    #head-panel h1:after {
+      letter-spacing: 0.5em;
+      content: "\00a0"; }
+  /* line 49, main.scss */
+  #head-panel .buttons {
+    display: inline-block;
+    color: transparent; }
+
+/* line 55, main.scss */
+.container {
+  width: 100%;
+  padding: 0 20px;
+  height: 100%; }
+
+/* line 61, main.scss */
+.wrap {
+  min-height: 100%;
+  height: auto;
+  margin: 0 auto -120px;
+  padding: 0 0 160px; }
+
+/* line 68, main.scss */
+.content {
+  margin: 120px 0 40px; }
+  /* line 70, main.scss */
+  .content p {
+    line-height: 36px;
+    font-size: 20px;
+    margin-top: 2px;
+    margin-bottom: 10px; }
+  /* line 76, main.scss */
+  .content code {
+    padding: 0;
+    padding-top: 0.2em;
+    padding-bottom: 0.2em;
+    margin: 0;
+    font-size: 85%;
+    background-color: rgba(0, 0, 0, 0.04);
+    border-radius: 3px; }
+    /* line 84, main.scss */
+    .content code:before, .content code:after {
+      letter-spacing: -0.2em;
+      content: "\00a0"; }
+
+/* line 91, main.scss */
+#search-panel {
+  height: 64px;
+  width: 100%;
+  background-color: #ffffff;
+  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
+  position: absolute;
+  z-index: 7; }
+  /* line 98, main.scss */
+  #search-panel.top-fixed {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); }
+  /* line 105, main.scss */
+  #search-panel .container {
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex;
+    -ms-flex-direction: row;
+    -webkit-flex-direction: row;
+    flex-direction: row;
+    -ms-flex-align: center;
+    -webkit-align-items: center;
+    align-items: center;
+    height: 100%; }
+  /* line 117, main.scss */
+  #search-panel .search-icon {
+    display: inline-block;
+    vertical-align: middle;
+    background-repeat: no-repeat;
+    fill: currentcolor;
+    position: relative;
+    opacity: 0.5; }
+    /* line 124, main.scss */
+    #search-panel .search-icon, #search-panel .search-icon .mdi {
+      height: 24px;
+      width: 24px;
+      font-size: 24px; }
+    /* line 129, main.scss */
+    #search-panel .search-icon.clear-icon {
+      cursor: pointer; }
+      /* line 131, main.scss */
+      #search-panel .search-icon.clear-icon:hover {
+        opacity: 1; }
+  /* line 136, main.scss */
+  #search-panel #search {
+    color: #434343;
+    font-size: 20px;
+    margin-left: 16px;
+    padding: 8px 0;
+    width: auto;
+    border: none;
+    outline: none;
+    -ms-flex: 1 1 0.000000001px;
+    -webkit-flex: 1;
+    flex: 1;
+    -webkit-flex-basis: 0.000000001px;
+    flex-basis: 0.000000001px; }
+
+/* line 152, main.scss */
+#grid-container {
+  padding: 0 0 70px;
+  min-height: 900px;
+  margin-top: 67px; }
+  /* line 156, main.scss */
+  #grid-container .grid {
+    margin: 20px -15px 0 -15px; }
+    /* line 158, main.scss */
+    #grid-container .grid:after {
+      clear: both;
+      display: table;
+      content: " "; }
+  /* line 164, main.scss */
+  #grid-container:after {
+    clear: both;
+    display: table;
+    content: " "; }
+  /* line 169, main.scss */
+  #grid-container h2 {
+    color: #a2a2a2;
+    font-size: 16px;
+    font-weight: normal;
+    display: block;
+    border-top: 1px solid rgba(0, 0, 0, 0.08);
+    padding: 67px 0 0;
+    margin: 47px 0 10px; }
+  /* line 178, main.scss */
+  #grid-container .no-results {
+    text-align: center;
+    color: #909090;
+    font-size: 24px;
+    padding: 150px 0; }
+  /* line 184, main.scss */
+  #grid-container .item-container {
+    display: block;
+    width: 112px;
+    height: 120px;
+    margin: 0 10px 5px;
+    padding: 20px 0 0;
+    cursor: pointer;
+    background: transparent;
+    float: left;
+    transition: background 200ms ease-out;
+    border-radius: 2px; }
+    /* line 195, main.scss */
+    #grid-container .item-container:hover {
+      background: #f2f2f2; }
+    /* line 198, main.scss */
+    #grid-container .item-container.selected {
+      background: #e0e0e0; }
+    /* line 201, main.scss */
+    #grid-container .item-container .item {
+      -ms-flex-align: center;
+      -webkit-align-items: center;
+      align-items: center;
+      -ms-flex-direction: column;
+      -webkit-flex-direction: column;
+      flex-direction: column;
+      display: -ms-flexbox;
+      display: -webkit-flex;
+      display: flex;
+      position: relative; }
+      /* line 212, main.scss */
+      #grid-container .item-container .item .new-badge {
+        position: absolute;
+        right: 8px;
+        top: -12px;
+        padding: 2px 3px;
+        border-radius: 2px;
+        background: #fe6363;
+        color: #fff;
+        font-size: 10px;
+        font-weight: 500; }
+      /* line 223, main.scss */
+      #grid-container .item-container .item .mdi {
+        font-size: 48px;
+        width: 48px;
+        height: 48px;
+        color: #757575; }
+      /* line 229, main.scss */
+      #grid-container .item-container .item .caption {
+        color: #757575;
+        font-size: 11px;
+        margin-top: 16px;
+        overflow: hidden;
+        text-align: center;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        width: 100px;
+        z-index: 1; }
+
+/* line 244, main.scss */
+#snackbar {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 5; }
+  /* line 250, main.scss */
+  #snackbar .snackbar-header {
+    color: #fff;
+    height: 64px;
+    background-color: #03a9f4;
+    padding: 19px 20px 20px;
+    line-height: 26px;
+    overflow: hidden; }
+    /* line 257, main.scss */
+    #snackbar .snackbar-header .mdi {
+      width: 24px;
+      height: 24px;
+      font-size: 24px;
+      float: left; }
+    /* line 263, main.scss */
+    #snackbar .snackbar-header .caption {
+      font-size: 16px;
+      margin-left: 15px; }
+    /* line 267, main.scss */
+    #snackbar .snackbar-header .right-side {
+      display: none;
+      float: right; }
+      /* line 270, main.scss */
+      #snackbar .snackbar-header .right-side .mdi {
+        font-size: 22px;
+        margin-top: 1px; }
+      /* line 274, main.scss */
+      #snackbar .snackbar-header .right-side .caption {
+        font-weight: 500;
+        margin-left: 10px;
+        text-transform: uppercase;
+        font-size: 14px; }
+  /* line 282, main.scss */
+  #snackbar p, #snackbar p a, #snackbar .code {
+    font-family: 'Roboto Mono', monospace;
+    font-size: 13px;
+    line-height: 24px;
+    background-color: #eee; }
+  /* line 288, main.scss */
+  #snackbar .code {
+    color: #434343;
+    border: 0;
+    cursor: default;
+    display: block;
+    outline: none;
+    padding: 0;
+    height: 24px;
+    resize: none;
+    width: 100%;
+    white-space: nowrap;
+    overflow: hidden; }
+    /* line 300, main.scss */
+    #snackbar .code.comment {
+      opacity: 0.5; }
+  /* line 304, main.scss */
+  #snackbar .snackbar-content {
+    background-color: #eee;
+    padding: 8px 24px;
+    overflow: hidden;
+    -webkit-transition: -webkit-transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
+    transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
+    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1); }
+    /* line 311, main.scss */
+    #snackbar .snackbar-content h2, #snackbar .snackbar-content p {
+      font-size: 13px;
+      line-height: 24px;
+      font-family: 'Roboto Mono', monospace; }
+    /* line 316, main.scss */
+    #snackbar .snackbar-content h2 {
+      color: #02a8f3;
+      display: inline-block;
+      font-weight: 500;
+      margin: 0; }
+    /* line 322, main.scss */
+    #snackbar .snackbar-content p {
+      margin: 0;
+      color: #434343; }
+    /* line 326, main.scss */
+    #snackbar .snackbar-content .col {
+      margin: 16px 0; }
+  /* line 330, main.scss */
+  #snackbar .snackbar-header, #snackbar .snackbar-content {
+    margin: 0 -20px 0; }
+
+/* line 335, main.scss */
+#footer {
+  background: #EEE;
+  padding: 20px 0;
+  min-height: 120px; }
+
+@media (min-width: 500px) {
+  /* line 343, main.scss */
+  #snackbar .snackbar-content .col {
+    margin: 16px 40px 16px 0; }
+  /* line 346, main.scss */
+  #snackbar .snackbar-header .right-side {
+    display: block; } }
+@media (min-width: 800px) {
+  /* line 353, main.scss */
+  .flex {
+    -ms-flex-direction: row;
+    -webkit-flex-direction: row;
+    flex-direction: row;
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex; }
+
+  /* line 361, main.scss */
+  .col {
+    width: 50%; }
+
+  /* line 364, main.scss */
+  .container {
+    padding: 0 35px;
+    margin: 0 auto; }
+
+  /* line 368, main.scss */
+  .snackbar-header, .snackbar-content {
+    margin: 0 -10px 0; }
+
+  /* line 371, main.scss */
+  #grid-container .grid {
+    margin: 20px -30px 0 -15px; } }
+@media (min-width: 950px) {
+  /* line 377, main.scss */
+  .col {
+    width: 45%; } }
+@media (min-width: 1100px) {
+  /* line 383, main.scss */
+  .col {
+    width: 40%; } }
+@media (min-width: 1240px) {
+  /* line 389, main.scss */
+  .container {
+    width: 1226px; } }
@@ -0,0 +1,392 @@
+@import "compass/css3";
+
+html, body {
+    background-color: #f9f9f9;
+    border: 0;
+    padding: 0;
+    margin: 0;
+    height: 100%;
+    width: 100%;
+    color: #444;
+    font-family: RobotoDraft, Roboto, sans-serif;
+    font-size: 14px;
+    -webkit-font-smoothing: antialiased;
+}
+
+*, *:before, *:after {
+    @include box-sizing(border-box);
+}
+
+* {
+    font-family: RobotoDraft, Roboto, sans-serif;
+}
+
+a {
+    color: #02a8f3;
+    text-decoration: none;
+    &:hover {
+        text-decoration: underline;
+    }
+    &, &:hover {
+        outline: 0;
+    }
+}
+
+#head-panel {
+    background-color: #03a9f4;
+    padding: 30px 0 20px;
+    h1 {
+        color: #fff;
+        font-size: 50px;
+        font-weight: normal;
+        margin: 0 0 10px 0;
+        display: inline-block;
+        &:after {
+            letter-spacing: 0.5em;
+            content: "\00a0";
+        }
+    }
+    .buttons {
+        display: inline-block;
+        color: transparent;
+    }
+}
+
+.container {
+    width: 100%;
+    padding: 0 20px;
+    height: 100%;
+}
+
+.wrap {
+    min-height: 100%;
+    height: auto;
+    margin: 0 auto -120px;
+    padding: 0 0 160px;
+}
+
+.content {
+    margin: 120px 0 40px;
+    p {
+        line-height: 36px;
+        font-size: 20px;
+        margin-top: 2px;
+        margin-bottom: 10px;
+    }
+    code {
+        padding: 0;
+        padding-top: 0.2em;
+        padding-bottom: 0.2em;
+        margin: 0;
+        font-size: 85%;
+        background-color: rgba(0,0,0,0.04);
+        border-radius: 3px;
+        &:before, &:after {
+            letter-spacing: -0.2em;
+            content: "\00a0";
+        }
+    }
+}
+
+#search-panel {
+    height: 64px;
+    width: 100%;
+    background-color: #ffffff;
+    box-shadow: 0 0 2px rgba(0,0,0,.2);
+    position: absolute;
+    z-index: 7;
+    &.top-fixed {
+        position: fixed;
+        top: 0;
+        left: 0;
+        right: 0;
+        box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);;
+    }
+    .container {
+        display: -ms-flexbox;
+        display: -webkit-flex;
+        display: flex;
+        -ms-flex-direction: row;
+        -webkit-flex-direction: row;
+        flex-direction: row;
+        -ms-flex-align: center;
+        -webkit-align-items: center;
+        align-items: center;
+        height: 100%;
+    }
+    .search-icon {
+        display: inline-block;
+        vertical-align: middle;
+        background-repeat: no-repeat;
+        fill: currentcolor;
+        position: relative;
+        opacity: 0.5;
+        &, .mdi {
+            height: 24px;
+            width: 24px;
+            font-size: 24px;
+        }
+        &.clear-icon {
+            cursor: pointer;
+            &:hover {
+                opacity: 1;
+            }
+        }
+    }
+    #search {
+        color: #434343;
+        font-size: 20px;
+        margin-left: 16px;
+        padding: 8px 0;
+        width: auto;
+        border: none;
+        outline: none;
+        -ms-flex: 1 1 0.000000001px;
+        -webkit-flex: 1;
+        flex: 1;
+        -webkit-flex-basis: 0.000000001px;
+        flex-basis: 0.000000001px;
+    }
+}
+
+#grid-container {
+    padding: 0 0 70px;
+    min-height: 900px;
+    margin-top: 67px;
+    .grid {
+        margin: 20px -15px 0 -15px;
+        &:after {
+            clear: both;
+            display: table;
+            content: " ";
+        }
+    }
+    &:after {
+        clear: both;
+        display: table;
+        content: " ";
+    }
+    h2 {
+        color: #a2a2a2;
+        font-size: 16px;
+        font-weight: normal;
+        display: block;
+        border-top: 1px solid rgba(0, 0, 0, 0.08);
+        padding: 67px 0 0;
+        margin: 47px 0 10px;
+    }
+    .no-results {
+        text-align: center;
+        color: #909090;
+        font-size: 24px;
+        padding: 150px 0;
+    }
+    .item-container {
+        display: block;
+        width: 112px;
+        height: 120px;
+        margin: 0 10px 5px;
+        padding: 20px 0 0;
+        cursor: pointer;
+        background: transparent;
+        float: left;
+        transition: background 200ms ease-out;
+        border-radius: 2px;
+        &:hover {
+            background: #f2f2f2;
+        }
+        &.selected {
+            background: #e0e0e0;
+        }
+        .item {
+            -ms-flex-align: center;
+            -webkit-align-items: center;
+            align-items: center;
+            -ms-flex-direction: column;
+            -webkit-flex-direction: column;
+            flex-direction: column;
+            display: -ms-flexbox;
+            display: -webkit-flex;
+            display: flex;
+            position: relative;
+            .new-badge {
+                position: absolute;
+                right: 8px;
+                top: -12px;
+                padding: 2px 3px;
+                border-radius: 2px;
+                background: #fe6363;
+                color: #fff;
+                font-size: 10px;
+                font-weight: 500;
+            }
+            .mdi {
+                font-size: 48px;
+                width: 48px;
+                height: 48px;
+                color: #757575;
+            }
+            .caption {
+                color: #757575;
+                font-size: 11px;
+                margin-top: 16px;
+                overflow: hidden;
+                text-align: center;
+                text-overflow: ellipsis;
+                white-space: nowrap;
+                width: 100px;
+                z-index: 1;
+            }
+        }
+    }
+}
+
+#snackbar {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    z-index: 5;
+    .snackbar-header {
+        color: #fff;
+        height: 64px;
+        background-color: #03a9f4;
+        padding: 19px 20px 20px;
+        line-height: 26px;
+        overflow: hidden;
+        .mdi {
+            width: 24px;
+            height: 24px;
+            font-size: 24px;
+            float: left;
+        }
+        .caption {
+            font-size: 16px;
+            margin-left: 15px;
+        }
+        .right-side {
+            display: none;
+            float: right;
+            .mdi {
+                font-size: 22px;
+                margin-top: 1px;
+            }
+            .caption {
+                font-weight: 500;
+                margin-left: 10px;
+                text-transform: uppercase;
+                font-size: 14px;
+            }
+        }
+    }
+    p, p a, .code {
+        font-family: 'Roboto Mono', monospace;
+        font-size: 13px;
+        line-height: 24px;
+        background-color: #eee;
+    }
+    .code {
+        color: #434343;
+        border: 0;
+        cursor: default;
+        display: block;
+        outline: none;
+        padding: 0;
+        height: 24px;
+        resize: none;
+        width: 100%;
+        white-space: nowrap;
+        overflow: hidden;
+        &.comment {
+            opacity: 0.5;
+        }
+    }
+    .snackbar-content {
+        background-color: #eee;
+        padding: 8px 24px;
+        overflow: hidden;
+        -webkit-transition: -webkit-transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
+        transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
+        box-shadow: 0 -2px 5px rgba(0,0,0,.1);
+        h2, p {
+            font-size: 13px;
+            line-height: 24px;
+            font-family: 'Roboto Mono', monospace;
+        }
+        h2 {
+            color: #02a8f3;
+            display: inline-block;
+            font-weight: 500;
+            margin: 0;
+        }
+        p {
+            margin: 0;
+            color: #434343;
+        }
+        .col {
+            margin: 16px 0;
+        }
+    }
+    .snackbar-header, .snackbar-content {
+        margin: 0 -20px 0;
+    }
+}
+
+#footer {
+    background: #EEE;
+    padding: 20px 0;
+    min-height: 120px;
+}
+
+@media (min-width: 500px) {
+    #snackbar {
+        .snackbar-content .col {
+            margin: 16px 40px 16px 0;
+        }
+        .snackbar-header .right-side {
+            display: block;
+        }
+    }
+}
+
+@media (min-width: 800px) {
+    .flex {
+        -ms-flex-direction: row;
+        -webkit-flex-direction: row;
+        flex-direction: row;
+        display: -ms-flexbox;
+        display: -webkit-flex;
+        display: flex;
+    }
+    .col {
+        width: 50%;
+    }
+    .container {
+        padding: 0 35px;
+        margin: 0 auto;
+    }
+    .snackbar-header, .snackbar-content {
+        margin: 0 -10px 0;
+    }
+    #grid-container .grid {
+        margin: 20px -30px 0 -15px;
+    }
+}
+
+@media (min-width: 950px) {
+    .col {
+        width: 45%;
+    }
+}
+
+@media (min-width: 1100px) {
+    .col {
+        width: 40%;
+    }
+}
+
+@media (min-width: 1240px) {
+    .container {
+        width: 1226px;
+    }
+}
@@ -0,0 +1,393 @@
+Attribution 4.0 International
+
+=======================================================================
+
+Creative Commons Corporation ("Creative Commons") is not a law firm and
+does not provide legal services or legal advice. Distribution of
+Creative Commons public licenses does not create a lawyer-client or
+other relationship. Creative Commons makes its licenses and related
+information available on an "as-is" basis. Creative Commons gives no
+warranties regarding its licenses, any material licensed under their
+terms and conditions, or any related information. Creative Commons
+disclaims all liability for damages resulting from their use to the
+fullest extent possible.
+
+Using Creative Commons Public Licenses
+
+Creative Commons public licenses provide a standard set of terms and
+conditions that creators and other rights holders may use to share
+original works of authorship and other material subject to copyright
+and certain other rights specified in the public license below. The
+following considerations are for informational purposes only, are not
+exhaustive, and do not form part of our licenses.
+
+     Considerations for licensors: Our public licenses are
+     intended for use by those authorized to give the public
+     permission to use material in ways otherwise restricted by
+     copyright and certain other rights. Our licenses are
+     irrevocable. Licensors should read and understand the terms
+     and conditions of the license they choose before applying it.
+     Licensors should also secure all rights necessary before
+     applying our licenses so that the public can reuse the
+     material as expected. Licensors should clearly mark any
+     material not subject to the license. This includes other CC-
+     licensed material, or material used under an exception or
+     limitation to copyright. More considerations for licensors:
+	wiki.creativecommons.org/Considerations_for_licensors
+
+     Considerations for the public: By using one of our public
+     licenses, a licensor grants the public permission to use the
+     licensed material under specified terms and conditions. If
+     the licensor's permission is not necessary for any reason--for
+     example, because of any applicable exception or limitation to
+     copyright--then that use is not regulated by the license. Our
+     licenses grant only permissions under copyright and certain
+     other rights that a licensor has authority to grant. Use of
+     the licensed material may still be restricted for other
+     reasons, including because others have copyright or other
+     rights in the material. A licensor may make special requests,
+     such as asking that all changes be marked or described.
+     Although not required by our licenses, you are encouraged to
+     respect those requests where reasonable. More_considerations
+     for the public: 
+	wiki.creativecommons.org/Considerations_for_licensees
+
+=======================================================================
+
+Creative Commons Attribution 4.0 International Public License
+
+By exercising the Licensed Rights (defined below), You accept and agree
+to be bound by the terms and conditions of this Creative Commons
+Attribution 4.0 International Public License ("Public License"). To the
+extent this Public License may be interpreted as a contract, You are
+granted the Licensed Rights in consideration of Your acceptance of
+these terms and conditions, and the Licensor grants You such rights in
+consideration of benefits the Licensor receives from making the
+Licensed Material available under these terms and conditions.
+
+
+Section 1 -- Definitions.
+
+  a. Adapted Material means material subject to Copyright and Similar
+     Rights that is derived from or based upon the Licensed Material
+     and in which the Licensed Material is translated, altered,
+     arranged, transformed, or otherwise modified in a manner requiring
+     permission under the Copyright and Similar Rights held by the
+     Licensor. For purposes of this Public License, where the Licensed
+     Material is a musical work, performance, or sound recording,
+     Adapted Material is always produced where the Licensed Material is
+     synched in timed relation with a moving image.
+
+  b. Adapter's License means the license You apply to Your Copyright
+     and Similar Rights in Your contributions to Adapted Material in
+     accordance with the terms and conditions of this Public License.
+
+  c. Copyright and Similar Rights means copyright and/or similar rights
+     closely related to copyright including, without limitation,
+     performance, broadcast, sound recording, and Sui Generis Database
+     Rights, without regard to how the rights are labeled or
+     categorized. For purposes of this Public License, the rights
+     specified in Section 2(b)(1)-(2) are not Copyright and Similar
+     Rights.
+
+  d. Effective Technological Measures means those measures that, in the
+     absence of proper authority, may not be circumvented under laws
+     fulfilling obligations under Article 11 of the WIPO Copyright
+     Treaty adopted on December 20, 1996, and/or similar international
+     agreements.
+
+  e. Exceptions and Limitations means fair use, fair dealing, and/or
+     any other exception or limitation to Copyright and Similar Rights
+     that applies to Your use of the Licensed Material.
+
+  f. Licensed Material means the artistic or literary work, database,
+     or other material to which the Licensor applied this Public
+     License.
+
+  g. Licensed Rights means the rights granted to You subject to the
+     terms and conditions of this Public License, which are limited to
+     all Copyright and Similar Rights that apply to Your use of the
+     Licensed Material and that the Licensor has authority to license.
+
+  h. Licensor means the individual(s) or entity(ies) granting rights
+     under this Public License.
+
+  i. Share means to provide material to the public by any means or
+     process that requires permission under the Licensed Rights, such
+     as reproduction, public display, public performance, distribution,
+     dissemination, communication, or importation, and to make material
+     available to the public including in ways that members of the
+     public may access the material from a place and at a time
+     individually chosen by them.
+
+  j. Sui Generis Database Rights means rights other than copyright
+     resulting from Directive 96/9/EC of the European Parliament and of
+     the Council of 11 March 1996 on the legal protection of databases,
+     as amended and/or succeeded, as well as other essentially
+     equivalent rights anywhere in the world.
+
+  k. You means the individual or entity exercising the Licensed Rights
+     under this Public License. Your has a corresponding meaning.
+
+
+Section 2 -- Scope.
+
+  a. License grant.
+
+       1. Subject to the terms and conditions of this Public License,
+          the Licensor hereby grants You a worldwide, royalty-free,
+          non-sublicensable, non-exclusive, irrevocable license to
+          exercise the Licensed Rights in the Licensed Material to:
+
+            a. reproduce and Share the Licensed Material, in whole or
+               in part; and
+
+            b. produce, reproduce, and Share Adapted Material.
+
+       2. Exceptions and Limitations. For the avoidance of doubt, where
+          Exceptions and Limitations apply to Your use, this Public
+          License does not apply, and You do not need to comply with
+          its terms and conditions.
+
+       3. Term. The term of this Public License is specified in Section
+          6(a).
+
+       4. Media and formats; technical modifications allowed. The
+          Licensor authorizes You to exercise the Licensed Rights in
+          all media and formats whether now known or hereafter created,
+          and to make technical modifications necessary to do so. The
+          Licensor waives and/or agrees not to assert any right or
+          authority to forbid You from making technical modifications
+          necessary to exercise the Licensed Rights, including
+          technical modifications necessary to circumvent Effective
+          Technological Measures. For purposes of this Public License,
+          simply making modifications authorized by this Section 2(a)
+          (4) never produces Adapted Material.
+
+       5. Downstream recipients.
+
+            a. Offer from the Licensor -- Licensed Material. Every
+               recipient of the Licensed Material automatically
+               receives an offer from the Licensor to exercise the
+               Licensed Rights under the terms and conditions of this
+               Public License.
+
+            b. No downstream restrictions. You may not offer or impose
+               any additional or different terms or conditions on, or
+               apply any Effective Technological Measures to, the
+               Licensed Material if doing so restricts exercise of the
+               Licensed Rights by any recipient of the Licensed
+               Material.
+
+       6. No endorsement. Nothing in this Public License constitutes or
+          may be construed as permission to assert or imply that You
+          are, or that Your use of the Licensed Material is, connected
+          with, or sponsored, endorsed, or granted official status by,
+          the Licensor or others designated to receive attribution as
+          provided in Section 3(a)(1)(A)(i).
+
+  b. Other rights.
+
+       1. Moral rights, such as the right of integrity, are not
+          licensed under this Public License, nor are publicity,
+          privacy, and/or other similar personality rights; however, to
+          the extent possible, the Licensor waives and/or agrees not to
+          assert any such rights held by the Licensor to the limited
+          extent necessary to allow You to exercise the Licensed
+          Rights, but not otherwise.
+
+       2. Patent and trademark rights are not licensed under this
+          Public License.
+
+       3. To the extent possible, the Licensor waives any right to
+          collect royalties from You for the exercise of the Licensed
+          Rights, whether directly or through a collecting society
+          under any voluntary or waivable statutory or compulsory
+          licensing scheme. In all other cases the Licensor expressly
+          reserves any right to collect such royalties.
+
+
+Section 3 -- License Conditions.
+
+Your exercise of the Licensed Rights is expressly made subject to the
+following conditions.
+
+  a. Attribution.
+
+       1. If You Share the Licensed Material (including in modified
+          form), You must:
+
+            a. retain the following if it is supplied by the Licensor
+               with the Licensed Material:
+
+                 i. identification of the creator(s) of the Licensed
+                    Material and any others designated to receive
+                    attribution, in any reasonable manner requested by
+                    the Licensor (including by pseudonym if
+                    designated);
+
+                ii. a copyright notice;
+
+               iii. a notice that refers to this Public License;
+
+                iv. a notice that refers to the disclaimer of
+                    warranties;
+
+                 v. a URI or hyperlink to the Licensed Material to the
+                    extent reasonably practicable;
+
+            b. indicate if You modified the Licensed Material and
+               retain an indication of any previous modifications; and
+
+            c. indicate the Licensed Material is licensed under this
+               Public License, and include the text of, or the URI or
+               hyperlink to, this Public License.
+
+       2. You may satisfy the conditions in Section 3(a)(1) in any
+          reasonable manner based on the medium, means, and context in
+          which You Share the Licensed Material. For example, it may be
+          reasonable to satisfy the conditions by providing a URI or
+          hyperlink to a resource that includes the required
+          information.
+
+       3. If requested by the Licensor, You must remove any of the
+          information required by Section 3(a)(1)(A) to the extent
+          reasonably practicable.
+
+       4. If You Share Adapted Material You produce, the Adapter's
+          License You apply must not prevent recipients of the Adapted
+          Material from complying with this Public License.
+
+
+Section 4 -- Sui Generis Database Rights.
+
+Where the Licensed Rights include Sui Generis Database Rights that
+apply to Your use of the Licensed Material:
+
+  a. for the avoidance of doubt, Section 2(a)(1) grants You the right
+     to extract, reuse, reproduce, and Share all or a substantial
+     portion of the contents of the database;
+
+  b. if You include all or a substantial portion of the database
+     contents in a database in which You have Sui Generis Database
+     Rights, then the database in which You have Sui Generis Database
+     Rights (but not its individual contents) is Adapted Material; and
+
+  c. You must comply with the conditions in Section 3(a) if You Share
+     all or a substantial portion of the contents of the database.
+
+For the avoidance of doubt, this Section 4 supplements and does not
+replace Your obligations under this Public License where the Licensed
+Rights include other Copyright and Similar Rights.
+
+
+Section 5 -- Disclaimer of Warranties and Limitation of Liability.
+
+  a. UNLESS OTHERWISE SEPARATELY UNDERTAKEN BY THE LICENSOR, TO THE
+     EXTENT POSSIBLE, THE LICENSOR OFFERS THE LICENSED MATERIAL AS-IS
+     AND AS-AVAILABLE, AND MAKES NO REPRESENTATIONS OR WARRANTIES OF
+     ANY KIND CONCERNING THE LICENSED MATERIAL, WHETHER EXPRESS,
+     IMPLIED, STATUTORY, OR OTHER. THIS INCLUDES, WITHOUT LIMITATION,
+     WARRANTIES OF TITLE, MERCHANTABILITY, FITNESS FOR A PARTICULAR
+     PURPOSE, NON-INFRINGEMENT, ABSENCE OF LATENT OR OTHER DEFECTS,
+     ACCURACY, OR THE PRESENCE OR ABSENCE OF ERRORS, WHETHER OR NOT
+     KNOWN OR DISCOVERABLE. WHERE DISCLAIMERS OF WARRANTIES ARE NOT
+     ALLOWED IN FULL OR IN PART, THIS DISCLAIMER MAY NOT APPLY TO YOU.
+
+  b. TO THE EXTENT POSSIBLE, IN NO EVENT WILL THE LICENSOR BE LIABLE
+     TO YOU ON ANY LEGAL THEORY (INCLUDING, WITHOUT LIMITATION,
+     NEGLIGENCE) OR OTHERWISE FOR ANY DIRECT, SPECIAL, INDIRECT,
+     INCIDENTAL, CONSEQUENTIAL, PUNITIVE, EXEMPLARY, OR OTHER LOSSES,
+     COSTS, EXPENSES, OR DAMAGES ARISING OUT OF THIS PUBLIC LICENSE OR
+     USE OF THE LICENSED MATERIAL, EVEN IF THE LICENSOR HAS BEEN
+     ADVISED OF THE POSSIBILITY OF SUCH LOSSES, COSTS, EXPENSES, OR
+     DAMAGES. WHERE A LIMITATION OF LIABILITY IS NOT ALLOWED IN FULL OR
+     IN PART, THIS LIMITATION MAY NOT APPLY TO YOU.
+
+  c. The disclaimer of warranties and limitation of liability provided
+     above shall be interpreted in a manner that, to the extent
+     possible, most closely approximates an absolute disclaimer and
+     waiver of all liability.
+
+
+Section 6 -- Term and Termination.
+
+  a. This Public License applies for the term of the Copyright and
+     Similar Rights licensed here. However, if You fail to comply with
+     this Public License, then Your rights under this Public License
+     terminate automatically.
+
+  b. Where Your right to use the Licensed Material has terminated under
+     Section 6(a), it reinstates:
+
+       1. automatically as of the date the violation is cured, provided
+          it is cured within 30 days of Your discovery of the
+          violation; or
+
+       2. upon express reinstatement by the Licensor.
+
+     For the avoidance of doubt, this Section 6(b) does not affect any
+     right the Licensor may have to seek remedies for Your violations
+     of this Public License.
+
+  c. For the avoidance of doubt, the Licensor may also offer the
+     Licensed Material under separate terms or conditions or stop
+     distributing the Licensed Material at any time; however, doing so
+     will not terminate this Public License.
+
+  d. Sections 1, 5, 6, 7, and 8 survive termination of this Public
+     License.
+
+
+Section 7 -- Other Terms and Conditions.
+
+  a. The Licensor shall not be bound by any additional or different
+     terms or conditions communicated by You unless expressly agreed.
+
+  b. Any arrangements, understandings, or agreements regarding the
+     Licensed Material not stated herein are separate from and
+     independent of the terms and conditions of this Public License.
+
+
+Section 8 -- Interpretation.
+
+  a. For the avoidance of doubt, this Public License does not, and
+     shall not be interpreted to, reduce, limit, restrict, or impose
+     conditions on any use of the Licensed Material that could lawfully
+     be made without permission under this Public License.
+
+  b. To the extent possible, if any provision of this Public License is
+     deemed unenforceable, it shall be automatically reformed to the
+     minimum extent necessary to make it enforceable. If the provision
+     cannot be reformed, it shall be severed from this Public License
+     without affecting the enforceability of the remaining terms and
+     conditions.
+
+  c. No term or condition of this Public License will be waived and no
+     failure to comply consented to unless expressly agreed to by the
+     Licensor.
+
+  d. Nothing in this Public License constitutes or may be interpreted
+     as a limitation upon, or waiver of, any privileges and immunities
+     that apply to the Licensor or You, including from the legal
+     processes of any jurisdiction or authority.
+
+
+=======================================================================
+
+Creative Commons is not a party to its public licenses.
+Notwithstanding, Creative Commons may elect to apply one of its public
+licenses to material it publishes and in those instances will be
+considered the "Licensor." Except for the limited purpose of indicating
+that material is shared under a Creative Commons public license or as
+otherwise permitted by the Creative Commons policies published at
+creativecommons.org/policies, Creative Commons does not authorize the
+use of the trademark "Creative Commons" or any other trademark or logo
+of Creative Commons without its prior written consent including,
+without limitation, in connection with any unauthorized modifications
+to any of its public licenses or any other arrangements,
+understandings, or agreements concerning use of licensed material. For
+the avoidance of doubt, this paragraph does not form part of the public
+licenses.
+
+Creative Commons may be contacted at creativecommons.org.
@@ -0,0 +1,932 @@
+3d_rotation e84d
+ac_unit eb3b
+access_alarm e190
+access_alarms e191
+access_time e192
+accessibility e84e
+accessible e914
+account_balance e84f
+account_balance_wallet e850
+account_box e851
+account_circle e853
+adb e60e
+add e145
+add_a_photo e439
+add_alarm e193
+add_alert e003
+add_box e146
+add_circle e147
+add_circle_outline e148
+add_location e567
+add_shopping_cart e854
+add_to_photos e39d
+add_to_queue e05c
+adjust e39e
+airline_seat_flat e630
+airline_seat_flat_angled e631
+airline_seat_individual_suite e632
+airline_seat_legroom_extra e633
+airline_seat_legroom_normal e634
+airline_seat_legroom_reduced e635
+airline_seat_recline_extra e636
+airline_seat_recline_normal e637
+airplanemode_active e195
+airplanemode_inactive e194
+airplay e055
+airport_shuttle eb3c
+alarm e855
+alarm_add e856
+alarm_off e857
+alarm_on e858
+album e019
+all_inclusive eb3d
+all_out e90b
+android e859
+announcement e85a
+apps e5c3
+archive e149
+arrow_back e5c4
+arrow_downward e5db
+arrow_drop_down e5c5
+arrow_drop_down_circle e5c6
+arrow_drop_up e5c7
+arrow_forward e5c8
+arrow_upward e5d8
+art_track e060
+aspect_ratio e85b
+assessment e85c
+assignment e85d
+assignment_ind e85e
+assignment_late e85f
+assignment_return e860
+assignment_returned e861
+assignment_turned_in e862
+assistant e39f
+assistant_photo e3a0
+attach_file e226
+attach_money e227
+attachment e2bc
+audiotrack e3a1
+autorenew e863
+av_timer e01b
+backspace e14a
+backup e864
+battery_alert e19c
+battery_charging_full e1a3
+battery_full e1a4
+battery_std e1a5
+battery_unknown e1a6
+beach_access eb3e
+beenhere e52d
+block e14b
+bluetooth e1a7
+bluetooth_audio e60f
+bluetooth_connected e1a8
+bluetooth_disabled e1a9
+bluetooth_searching e1aa
+blur_circular e3a2
+blur_linear e3a3
+blur_off e3a4
+blur_on e3a5
+book e865
+bookmark e866
+bookmark_border e867
+border_all e228
+border_bottom e229
+border_clear e22a
+border_color e22b
+border_horizontal e22c
+border_inner e22d
+border_left e22e
+border_outer e22f
+border_right e230
+border_style e231
+border_top e232
+border_vertical e233
+branding_watermark e06b
+brightness_1 e3a6
+brightness_2 e3a7
+brightness_3 e3a8
+brightness_4 e3a9
+brightness_5 e3aa
+brightness_6 e3ab
+brightness_7 e3ac
+brightness_auto e1ab
+brightness_high e1ac
+brightness_low e1ad
+brightness_medium e1ae
+broken_image e3ad
+brush e3ae
+bubble_chart e6dd
+bug_report e868
+build e869
+burst_mode e43c
+business e0af
+business_center eb3f
+cached e86a
+cake e7e9
+call e0b0
+call_end e0b1
+call_made e0b2
+call_merge e0b3
+call_missed e0b4
+call_missed_outgoing e0e4
+call_received e0b5
+call_split e0b6
+call_to_action e06c
+camera e3af
+camera_alt e3b0
+camera_enhance e8fc
+camera_front e3b1
+camera_rear e3b2
+camera_roll e3b3
+cancel e5c9
+card_giftcard e8f6
+card_membership e8f7
+card_travel e8f8
+casino eb40
+cast e307
+cast_connected e308
+center_focus_strong e3b4
+center_focus_weak e3b5
+change_history e86b
+chat e0b7
+chat_bubble e0ca
+chat_bubble_outline e0cb
+check e5ca
+check_box e834
+check_box_outline_blank e835
+check_circle e86c
+chevron_left e5cb
+chevron_right e5cc
+child_care eb41
+child_friendly eb42
+chrome_reader_mode e86d
+class e86e
+clear e14c
+clear_all e0b8
+close e5cd
+closed_caption e01c
+cloud e2bd
+cloud_circle e2be
+cloud_done e2bf
+cloud_download e2c0
+cloud_off e2c1
+cloud_queue e2c2
+cloud_upload e2c3
+code e86f
+collections e3b6
+collections_bookmark e431
+color_lens e3b7
+colorize e3b8
+comment e0b9
+compare e3b9
+compare_arrows e915
+computer e30a
+confirmation_number e638
+contact_mail e0d0
+contact_phone e0cf
+contacts e0ba
+content_copy e14d
+content_cut e14e
+content_paste e14f
+control_point e3ba
+control_point_duplicate e3bb
+copyright e90c
+create e150
+create_new_folder e2cc
+credit_card e870
+crop e3be
+crop_16_9 e3bc
+crop_3_2 e3bd
+crop_5_4 e3bf
+crop_7_5 e3c0
+crop_din e3c1
+crop_free e3c2
+crop_landscape e3c3
+crop_original e3c4
+crop_portrait e3c5
+crop_rotate e437
+crop_square e3c6
+dashboard e871
+data_usage e1af
+date_range e916
+dehaze e3c7
+delete e872
+delete_forever e92b
+delete_sweep e16c
+description e873
+desktop_mac e30b
+desktop_windows e30c
+details e3c8
+developer_board e30d
+developer_mode e1b0
+device_hub e335
+devices e1b1
+devices_other e337
+dialer_sip e0bb
+dialpad e0bc
+directions e52e
+directions_bike e52f
+directions_boat e532
+directions_bus e530
+directions_car e531
+directions_railway e534
+directions_run e566
+directions_subway e533
+directions_transit e535
+directions_walk e536
+disc_full e610
+dns e875
+do_not_disturb e612
+do_not_disturb_alt e611
+do_not_disturb_off e643
+do_not_disturb_on e644
+dock e30e
+domain e7ee
+done e876
+done_all e877
+donut_large e917
+donut_small e918
+drafts e151
+drag_handle e25d
+drive_eta e613
+dvr e1b2
+edit e3c9
+edit_location e568
+eject e8fb
+email e0be
+enhanced_encryption e63f
+equalizer e01d
+error e000
+error_outline e001
+euro_symbol e926
+ev_station e56d
+event e878
+event_available e614
+event_busy e615
+event_note e616
+event_seat e903
+exit_to_app e879
+expand_less e5ce
+expand_more e5cf
+explicit e01e
+explore e87a
+exposure e3ca
+exposure_neg_1 e3cb
+exposure_neg_2 e3cc
+exposure_plus_1 e3cd
+exposure_plus_2 e3ce
+exposure_zero e3cf
+extension e87b
+face e87c
+fast_forward e01f
+fast_rewind e020
+favorite e87d
+favorite_border e87e
+featured_play_list e06d
+featured_video e06e
+feedback e87f
+fiber_dvr e05d
+fiber_manual_record e061
+fiber_new e05e
+fiber_pin e06a
+fiber_smart_record e062
+file_download e2c4
+file_upload e2c6
+filter e3d3
+filter_1 e3d0
+filter_2 e3d1
+filter_3 e3d2
+filter_4 e3d4
+filter_5 e3d5
+filter_6 e3d6
+filter_7 e3d7
+filter_8 e3d8
+filter_9 e3d9
+filter_9_plus e3da
+filter_b_and_w e3db
+filter_center_focus e3dc
+filter_drama e3dd
+filter_frames e3de
+filter_hdr e3df
+filter_list e152
+filter_none e3e0
+filter_tilt_shift e3e2
+filter_vintage e3e3
+find_in_page e880
+find_replace e881
+fingerprint e90d
+first_page e5dc
+fitness_center eb43
+flag e153
+flare e3e4
+flash_auto e3e5
+flash_off e3e6
+flash_on e3e7
+flight e539
+flight_land e904
+flight_takeoff e905
+flip e3e8
+flip_to_back e882
+flip_to_front e883
+folder e2c7
+folder_open e2c8
+folder_shared e2c9
+folder_special e617
+font_download e167
+format_align_center e234
+format_align_justify e235
+format_align_left e236
+format_align_right e237
+format_bold e238
+format_clear e239
+format_color_fill e23a
+format_color_reset e23b
+format_color_text e23c
+format_indent_decrease e23d
+format_indent_increase e23e
+format_italic e23f
+format_line_spacing e240
+format_list_bulleted e241
+format_list_numbered e242
+format_paint e243
+format_quote e244
+format_shapes e25e
+format_size e245
+format_strikethrough e246
+format_textdirection_l_to_r e247
+format_textdirection_r_to_l e248
+format_underlined e249
+forum e0bf
+forward e154
+forward_10 e056
+forward_30 e057
+forward_5 e058
+free_breakfast eb44
+fullscreen e5d0
+fullscreen_exit e5d1
+functions e24a
+g_translate e927
+gamepad e30f
+games e021
+gavel e90e
+gesture e155
+get_app e884
+gif e908
+golf_course eb45
+gps_fixed e1b3
+gps_not_fixed e1b4
+gps_off e1b5
+grade e885
+gradient e3e9
+grain e3ea
+graphic_eq e1b8
+grid_off e3eb
+grid_on e3ec
+group e7ef
+group_add e7f0
+group_work e886
+hd e052
+hdr_off e3ed
+hdr_on e3ee
+hdr_strong e3f1
+hdr_weak e3f2
+headset e310
+headset_mic e311
+healing e3f3
+hearing e023
+help e887
+help_outline e8fd
+high_quality e024
+highlight e25f
+highlight_off e888
+history e889
+home e88a
+hot_tub eb46
+hotel e53a
+hourglass_empty e88b
+hourglass_full e88c
+http e902
+https e88d
+image e3f4
+image_aspect_ratio e3f5
+import_contacts e0e0
+import_export e0c3
+important_devices e912
+inbox e156
+indeterminate_check_box e909
+info e88e
+info_outline e88f
+input e890
+insert_chart e24b
+insert_comment e24c
+insert_drive_file e24d
+insert_emoticon e24e
+insert_invitation e24f
+insert_link e250
+insert_photo e251
+invert_colors e891
+invert_colors_off e0c4
+iso e3f6
+keyboard e312
+keyboard_arrow_down e313
+keyboard_arrow_left e314
+keyboard_arrow_right e315
+keyboard_arrow_up e316
+keyboard_backspace e317
+keyboard_capslock e318
+keyboard_hide e31a
+keyboard_return e31b
+keyboard_tab e31c
+keyboard_voice e31d
+kitchen eb47
+label e892
+label_outline e893
+landscape e3f7
+language e894
+laptop e31e
+laptop_chromebook e31f
+laptop_mac e320
+laptop_windows e321
+last_page e5dd
+launch e895
+layers e53b
+layers_clear e53c
+leak_add e3f8
+leak_remove e3f9
+lens e3fa
+library_add e02e
+library_books e02f
+library_music e030
+lightbulb_outline e90f
+line_style e919
+line_weight e91a
+linear_scale e260
+link e157
+linked_camera e438
+list e896
+live_help e0c6
+live_tv e639
+local_activity e53f
+local_airport e53d
+local_atm e53e
+local_bar e540
+local_cafe e541
+local_car_wash e542
+local_convenience_store e543
+local_dining e556
+local_drink e544
+local_florist e545
+local_gas_station e546
+local_grocery_store e547
+local_hospital e548
+local_hotel e549
+local_laundry_service e54a
+local_library e54b
+local_mall e54c
+local_movies e54d
+local_offer e54e
+local_parking e54f
+local_pharmacy e550
+local_phone e551
+local_pizza e552
+local_play e553
+local_post_office e554
+local_printshop e555
+local_see e557
+local_shipping e558
+local_taxi e559
+location_city e7f1
+location_disabled e1b6
+location_off e0c7
+location_on e0c8
+location_searching e1b7
+lock e897
+lock_open e898
+lock_outline e899
+looks e3fc
+looks_3 e3fb
+looks_4 e3fd
+looks_5 e3fe
+looks_6 e3ff
+looks_one e400
+looks_two e401
+loop e028
+loupe e402
+low_priority e16d
+loyalty e89a
+mail e158
+mail_outline e0e1
+map e55b
+markunread e159
+markunread_mailbox e89b
+memory e322
+menu e5d2
+merge_type e252
+message e0c9
+mic e029
+mic_none e02a
+mic_off e02b
+mms e618
+mode_comment e253
+mode_edit e254
+monetization_on e263
+money_off e25c
+monochrome_photos e403
+mood e7f2
+mood_bad e7f3
+more e619
+more_horiz e5d3
+more_vert e5d4
+motorcycle e91b
+mouse e323
+move_to_inbox e168
+movie e02c
+movie_creation e404
+movie_filter e43a
+multiline_chart e6df
+music_note e405
+music_video e063
+my_location e55c
+nature e406
+nature_people e407
+navigate_before e408
+navigate_next e409
+navigation e55d
+near_me e569
+network_cell e1b9
+network_check e640
+network_locked e61a
+network_wifi e1ba
+new_releases e031
+next_week e16a
+nfc e1bb
+no_encryption e641
+no_sim e0cc
+not_interested e033
+note e06f
+note_add e89c
+notifications e7f4
+notifications_active e7f7
+notifications_none e7f5
+notifications_off e7f6
+notifications_paused e7f8
+offline_pin e90a
+ondemand_video e63a
+opacity e91c
+open_in_browser e89d
+open_in_new e89e
+open_with e89f
+pages e7f9
+pageview e8a0
+palette e40a
+pan_tool e925
+panorama e40b
+panorama_fish_eye e40c
+panorama_horizontal e40d
+panorama_vertical e40e
+panorama_wide_angle e40f
+party_mode e7fa
+pause e034
+pause_circle_filled e035
+pause_circle_outline e036
+payment e8a1
+people e7fb
+people_outline e7fc
+perm_camera_mic e8a2
+perm_contact_calendar e8a3
+perm_data_setting e8a4
+perm_device_information e8a5
+perm_identity e8a6
+perm_media e8a7
+perm_phone_msg e8a8
+perm_scan_wifi e8a9
+person e7fd
+person_add e7fe
+person_outline e7ff
+person_pin e55a
+person_pin_circle e56a
+personal_video e63b
+pets e91d
+phone e0cd
+phone_android e324
+phone_bluetooth_speaker e61b
+phone_forwarded e61c
+phone_in_talk e61d
+phone_iphone e325
+phone_locked e61e
+phone_missed e61f
+phone_paused e620
+phonelink e326
+phonelink_erase e0db
+phonelink_lock e0dc
+phonelink_off e327
+phonelink_ring e0dd
+phonelink_setup e0de
+photo e410
+photo_album e411
+photo_camera e412
+photo_filter e43b
+photo_library e413
+photo_size_select_actual e432
+photo_size_select_large e433
+photo_size_select_small e434
+picture_as_pdf e415
+picture_in_picture e8aa
+picture_in_picture_alt e911
+pie_chart e6c4
+pie_chart_outlined e6c5
+pin_drop e55e
+place e55f
+play_arrow e037
+play_circle_filled e038
+play_circle_outline e039
+play_for_work e906
+playlist_add e03b
+playlist_add_check e065
+playlist_play e05f
+plus_one e800
+poll e801
+polymer e8ab
+pool eb48
+portable_wifi_off e0ce
+portrait e416
+power e63c
+power_input e336
+power_settings_new e8ac
+pregnant_woman e91e
+present_to_all e0df
+print e8ad
+priority_high e645
+public e80b
+publish e255
+query_builder e8ae
+question_answer e8af
+queue e03c
+queue_music e03d
+queue_play_next e066
+radio e03e
+radio_button_checked e837
+radio_button_unchecked e836
+rate_review e560
+receipt e8b0
+recent_actors e03f
+record_voice_over e91f
+redeem e8b1
+redo e15a
+refresh e5d5
+remove e15b
+remove_circle e15c
+remove_circle_outline e15d
+remove_from_queue e067
+remove_red_eye e417
+remove_shopping_cart e928
+reorder e8fe
+repeat e040
+repeat_one e041
+replay e042
+replay_10 e059
+replay_30 e05a
+replay_5 e05b
+reply e15e
+reply_all e15f
+report e160
+report_problem e8b2
+restaurant e56c
+restaurant_menu e561
+restore e8b3
+restore_page e929
+ring_volume e0d1
+room e8b4
+room_service eb49
+rotate_90_degrees_ccw e418
+rotate_left e419
+rotate_right e41a
+rounded_corner e920
+router e328
+rowing e921
+rss_feed e0e5
+rv_hookup e642
+satellite e562
+save e161
+scanner e329
+schedule e8b5
+school e80c
+screen_lock_landscape e1be
+screen_lock_portrait e1bf
+screen_lock_rotation e1c0
+screen_rotation e1c1
+screen_share e0e2
+sd_card e623
+sd_storage e1c2
+search e8b6
+security e32a
+select_all e162
+send e163
+sentiment_dissatisfied e811
+sentiment_neutral e812
+sentiment_satisfied e813
+sentiment_very_dissatisfied e814
+sentiment_very_satisfied e815
+settings e8b8
+settings_applications e8b9
+settings_backup_restore e8ba
+settings_bluetooth e8bb
+settings_brightness e8bd
+settings_cell e8bc
+settings_ethernet e8be
+settings_input_antenna e8bf
+settings_input_component e8c0
+settings_input_composite e8c1
+settings_input_hdmi e8c2
+settings_input_svideo e8c3
+settings_overscan e8c4
+settings_phone e8c5
+settings_power e8c6
+settings_remote e8c7
+settings_system_daydream e1c3
+settings_voice e8c8
+share e80d
+shop e8c9
+shop_two e8ca
+shopping_basket e8cb
+shopping_cart e8cc
+short_text e261
+show_chart e6e1
+shuffle e043
+signal_cellular_4_bar e1c8
+signal_cellular_connected_no_internet_4_bar e1cd
+signal_cellular_no_sim e1ce
+signal_cellular_null e1cf
+signal_cellular_off e1d0
+signal_wifi_4_bar e1d8
+signal_wifi_4_bar_lock e1d9
+signal_wifi_off e1da
+sim_card e32b
+sim_card_alert e624
+skip_next e044
+skip_previous e045
+slideshow e41b
+slow_motion_video e068
+smartphone e32c
+smoke_free eb4a
+smoking_rooms eb4b
+sms e625
+sms_failed e626
+snooze e046
+sort e164
+sort_by_alpha e053
+spa eb4c
+space_bar e256
+speaker e32d
+speaker_group e32e
+speaker_notes e8cd
+speaker_notes_off e92a
+speaker_phone e0d2
+spellcheck e8ce
+star e838
+star_border e83a
+star_half e839
+stars e8d0
+stay_current_landscape e0d3
+stay_current_portrait e0d4
+stay_primary_landscape e0d5
+stay_primary_portrait e0d6
+stop e047
+stop_screen_share e0e3
+storage e1db
+store e8d1
+store_mall_directory e563
+straighten e41c
+streetview e56e
+strikethrough_s e257
+style e41d
+subdirectory_arrow_left e5d9
+subdirectory_arrow_right e5da
+subject e8d2
+subscriptions e064
+subtitles e048
+subway e56f
+supervisor_account e8d3
+surround_sound e049
+swap_calls e0d7
+swap_horiz e8d4
+swap_vert e8d5
+swap_vertical_circle e8d6
+switch_camera e41e
+switch_video e41f
+sync e627
+sync_disabled e628
+sync_problem e629
+system_update e62a
+system_update_alt e8d7
+tab e8d8
+tab_unselected e8d9
+tablet e32f
+tablet_android e330
+tablet_mac e331
+tag_faces e420
+tap_and_play e62b
+terrain e564
+text_fields e262
+text_format e165
+textsms e0d8
+texture e421
+theaters e8da
+thumb_down e8db
+thumb_up e8dc
+thumbs_up_down e8dd
+time_to_leave e62c
+timelapse e422
+timeline e922
+timer e425
+timer_10 e423
+timer_3 e424
+timer_off e426
+title e264
+toc e8de
+today e8df
+toll e8e0
+tonality e427
+touch_app e913
+toys e332
+track_changes e8e1
+traffic e565
+train e570
+tram e571
+transfer_within_a_station e572
+transform e428
+translate e8e2
+trending_down e8e3
+trending_flat e8e4
+trending_up e8e5
+tune e429
+turned_in e8e6
+turned_in_not e8e7
+tv e333
+unarchive e169
+undo e166
+unfold_less e5d6
+unfold_more e5d7
+update e923
+usb e1e0
+verified_user e8e8
+vertical_align_bottom e258
+vertical_align_center e259
+vertical_align_top e25a
+vibration e62d
+video_call e070
+video_label e071
+video_library e04a
+videocam e04b
+videocam_off e04c
+videogame_asset e338
+view_agenda e8e9
+view_array e8ea
+view_carousel e8eb
+view_column e8ec
+view_comfy e42a
+view_compact e42b
+view_day e8ed
+view_headline e8ee
+view_list e8ef
+view_module e8f0
+view_quilt e8f1
+view_stream e8f2
+view_week e8f3
+vignette e435
+visibility e8f4
+visibility_off e8f5
+voice_chat e62e
+voicemail e0d9
+volume_down e04d
+volume_mute e04e
+volume_off e04f
+volume_up e050
+vpn_key e0da
+vpn_lock e62f
+wallpaper e1bc
+warning e002
+watch e334
+watch_later e924
+wb_auto e42c
+wb_cloudy e42d
+wb_incandescent e42e
+wb_iridescent e436
+wb_sunny e430
+wc e63d
+web e051
+web_asset e069
+weekend e16b
+whatshot e80e
+widgets e1bd
+wifi e63e
+wifi_lock e1e1
+wifi_tethering e1e2
+work e8f9
+wrap_text e25b
+youtube_searched_for e8fa
+zoom_in e8ff
+zoom_out e900
+zoom_out_map e56b
@@ -0,0 +1,3 @@
+module.exports = {
+  STATIC_PATH: __dirname,
+};
@@ -0,0 +1,44 @@
+{
+  "name": "bootstrap-material-icons",
+  "version": "2.2.0",
+  "description": "Google Material Design Icons For Using With Bootstrap",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/mervick/material-design-icons"
+  },
+  "main": "index.js",
+  "authors": [
+    {
+      "name": "Andrey Izman",
+      "email": "izmanw@gmail.com"
+    }
+  ],
+  "keywords": [
+    "icons",
+    "material",
+    "material-design",
+    "google",
+    "icons-web-font",
+    "web-font",
+    "bootstrap"
+  ],
+  "style": "css/material-icons.min.css",
+  "license": "(MIT AND CC-BY-4.0)",
+  "bugs": {
+    "url": "http://github.com/mervick/material-design-icons/issues"
+  },
+  "homepage": "http://github.com/mervick/material-design-icons",
+  "devDependencies": {
+    "grunt": "^0.4.5",
+    "grunt-contrib-cssmin": "^0.14.0",
+    "grunt-contrib-sass": "^0.9.2",
+    "grunt-contrib-watch": "^0.6.1",
+    "gulp": "^3.9.0",
+    "gulp-changed": "^1.3.0",
+    "gulp-util": "^3.0.7",
+    "lodash": "^4.5.0",
+    "material-design-icons": "^2.2.0",
+    "through2": "^2.0.1",
+    "vinyl": "^1.1.1"
+  }
+}
@@ -0,0 +1,30 @@
+#!/usr/bin/env bash
+
+pushd `dirname dirname $0` > /dev/null
+path=`pwd`
+popd > /dev/null
+
+codepoints_file="${path}/bower_components/material-design-icons/iconfont/codepoints"
+icons_scss_file="${path}/scss/_icons.scss"
+
+# default css prefix
+prefix_var_name="md-css-prefix"
+
+# clear the scss
+> "${icons_scss_file}"
+
+i=0
+while IFS='' read -r line || [[ -n "$line" ]]; do
+    IFS=' ' read -r -a icon <<< "$line"
+    if [ "${#icon[@]}" == 2 ] && [ -n "${icon}" ] && [ -n "${icon[1]}" ]; then
+        echo ".#{\$${prefix_var_name}}-$(echo ${icon} | sed -e 's/_/\-/g'):before { content: "'"'"\\${icon[1]}"'"'"; }" \
+            >> "${icons_scss_file}"
+    else
+        echo "ERROR: The file ${codepoints_file} has the invalid format on line $((i+1))" 1>&2
+        exit 1
+    fi
+    ((i++))
+done < "${codepoints_file}"
+
+echo "Successfully imported ${i} icons"
+exit 0
@@ -0,0 +1,61 @@
+<?php
+
+$path = __DIR__ . '/../bower_components/material-design-icons';
+$out = __DIR__ . '/../demo/js/data.js';
+$codepoints = __DIR__ . '/../bower_components/material-design-icons/iconfont/codepoints';
+$oldcodepoints = __DIR__ . '/../fonts/codepoints';
+
+$start_js = 'window.data = ';
+$end_js = ';';
+
+//$categories = file_get_contents($out);
+//$categories = substr(substr($categories, strlen($start_js)), 0, - strlen($end_js));
+//$categories = json_decode($categories, true);
+//$categories = $categories ?: [];
+
+$categories = $icons = $old_icons = [];
+$count = $count_cats = 0;
+
+foreach (file($codepoints, FILE_IGNORE_NEW_LINES) as $code) {
+    $code = explode(' ', $code, 2);
+    $icons[$code[0]] = $code[1];
+}
+foreach (file($oldcodepoints, FILE_IGNORE_NEW_LINES) as $code) {
+    $code = explode(' ', $code, 2);
+    $old_icons[$code[0]] = $code[1];
+}
+
+foreach (array_diff(scandir($path), ['.', '..'])  as $category) {
+    if (is_dir("$path/$category/svg/production")) {
+        $count_cats ++;
+        $categories[$category] = [];
+        foreach (array_diff(scandir("$path/$category/svg/production"), ['.', '..']) as $file) {
+            if (preg_match('/^ic_(.+?)_\d+px\.svg$/', $file, $match)) {
+                $icon = $match[1];
+                if (isset($icons[$icon])) {
+                    if (!in_array($icons[$icon], $categories[$category])) {
+                        $categories[$category][$icon] = $icons[$icon];
+                        $count ++;
+                    }
+                }
+            }
+        }
+    }
+}
+
+$new = 0;
+
+foreach ($categories as &$category) {
+    foreach ($category as $icon => &$code) {
+        $c = $code;
+        $code = [$c, !isset($old_icons[$icon])];
+        if (!isset($old_icons[$icon])) {
+            $new ++;
+        }
+    }
+}
+
+
+file_put_contents($out, $start_js . json_encode($categories) . $end_js);
+
+echo "Found $count icons, ($new new) in $count_cats categories\n";
@@ -0,0 +1,36 @@
+@import "variables";
+
+// Spinning Icons
+// --------------------------
+
+.#{$md-css-prefix}-spin {
+  -webkit-animation: md-spin 2s infinite linear;
+          animation: md-spin 2s infinite linear;
+}
+
+.#{$md-css-prefix}-pulse {
+  -webkit-animation: md-spin 1s infinite steps(8);
+          animation: md-spin 1s infinite steps(8);
+}
+
+@-webkit-keyframes md-spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(359deg);
+            transform: rotate(359deg);
+  }
+}
+
+@keyframes md-spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(359deg);
+            transform: rotate(359deg);
+  }
+}
@@ -0,0 +1,18 @@
+@import "variables";
+
+// Bordered & Pulled
+// -------------------------
+
+.#{$md-css-prefix}-border {
+  padding: .2em .25em .15em;
+  border: solid .08em $md-border-color;
+  border-radius: .1em;
+}
+
+.pull-right { float: right; }
+.pull-left { float: left; }
+
+.#{$md-css-prefix} {
+  &.pull-left { margin-right: .3em; }
+  &.pull-right { margin-left: .3em; }
+}
@@ -0,0 +1,30 @@
+@import "variables";
+
+// Base Class Definition
+// -------------------------
+
+.#{$md-css-prefix}, .material-icons {
+    font: normal normal normal #{$md-font-size-base}/1 $md-font-family; // shortening font declaration
+    font-size: inherit; // can't have font-size inherit on line above, so need to override
+    display: inline-block;
+    text-transform: none;
+    letter-spacing: normal;
+    line-height: 1;
+    position: relative;
+    word-wrap: normal;
+    top: 1px;
+    /* Support for all WebKit browsers. */
+    -webkit-font-smoothing: antialiased;
+    /* Support for Firefox. */
+    -moz-osx-font-smoothing: grayscale;
+    transform: translate(0, 0); // ensures no half-pixel rendering in firefox
+}
+
+.material-icons {
+    width: 1em;
+    height: 1em;
+    /* Support for Safari and Chrome. */
+    text-rendering: optimizeLegibility;
+    /* Support for IE. */
+    font-feature-settings: 'liga';
+}
@@ -0,0 +1,9 @@
+@import "variables";
+
+// Fixed Width Icons
+// -------------------------
+
+.#{$md-css-prefix}-fw {
+  width: (18em / 14);
+  text-align: center;
+}
@@ -0,0 +1,934 @@
+@import "variables";
+
+.#{$md-css-prefix}-3d-rotation:before { content: "\e84d"; }
+.#{$md-css-prefix}-ac-unit:before { content: "\eb3b"; }
+.#{$md-css-prefix}-access-alarm:before { content: "\e190"; }
+.#{$md-css-prefix}-access-alarms:before { content: "\e191"; }
+.#{$md-css-prefix}-access-time:before { content: "\e192"; }
+.#{$md-css-prefix}-accessibility:before { content: "\e84e"; }
+.#{$md-css-prefix}-accessible:before { content: "\e914"; }
+.#{$md-css-prefix}-account-balance:before { content: "\e84f"; }
+.#{$md-css-prefix}-account-balance-wallet:before { content: "\e850"; }
+.#{$md-css-prefix}-account-box:before { content: "\e851"; }
+.#{$md-css-prefix}-account-circle:before { content: "\e853"; }
+.#{$md-css-prefix}-adb:before { content: "\e60e"; }
+.#{$md-css-prefix}-add:before { content: "\e145"; }
+.#{$md-css-prefix}-add-a-photo:before { content: "\e439"; }
+.#{$md-css-prefix}-add-alarm:before { content: "\e193"; }
+.#{$md-css-prefix}-add-alert:before { content: "\e003"; }
+.#{$md-css-prefix}-add-box:before { content: "\e146"; }
+.#{$md-css-prefix}-add-circle:before { content: "\e147"; }
+.#{$md-css-prefix}-add-circle-outline:before { content: "\e148"; }
+.#{$md-css-prefix}-add-location:before { content: "\e567"; }
+.#{$md-css-prefix}-add-shopping-cart:before { content: "\e854"; }
+.#{$md-css-prefix}-add-to-photos:before { content: "\e39d"; }
+.#{$md-css-prefix}-add-to-queue:before { content: "\e05c"; }
+.#{$md-css-prefix}-adjust:before { content: "\e39e"; }
+.#{$md-css-prefix}-airline-seat-flat:before { content: "\e630"; }
+.#{$md-css-prefix}-airline-seat-flat-angled:before { content: "\e631"; }
+.#{$md-css-prefix}-airline-seat-individual-suite:before { content: "\e632"; }
+.#{$md-css-prefix}-airline-seat-legroom-extra:before { content: "\e633"; }
+.#{$md-css-prefix}-airline-seat-legroom-normal:before { content: "\e634"; }
+.#{$md-css-prefix}-airline-seat-legroom-reduced:before { content: "\e635"; }
+.#{$md-css-prefix}-airline-seat-recline-extra:before { content: "\e636"; }
+.#{$md-css-prefix}-airline-seat-recline-normal:before { content: "\e637"; }
+.#{$md-css-prefix}-airplanemode-active:before { content: "\e195"; }
+.#{$md-css-prefix}-airplanemode-inactive:before { content: "\e194"; }
+.#{$md-css-prefix}-airplay:before { content: "\e055"; }
+.#{$md-css-prefix}-airport-shuttle:before { content: "\eb3c"; }
+.#{$md-css-prefix}-alarm:before { content: "\e855"; }
+.#{$md-css-prefix}-alarm-add:before { content: "\e856"; }
+.#{$md-css-prefix}-alarm-off:before { content: "\e857"; }
+.#{$md-css-prefix}-alarm-on:before { content: "\e858"; }
+.#{$md-css-prefix}-album:before { content: "\e019"; }
+.#{$md-css-prefix}-all-inclusive:before { content: "\eb3d"; }
+.#{$md-css-prefix}-all-out:before { content: "\e90b"; }
+.#{$md-css-prefix}-android:before { content: "\e859"; }
+.#{$md-css-prefix}-announcement:before { content: "\e85a"; }
+.#{$md-css-prefix}-apps:before { content: "\e5c3"; }
+.#{$md-css-prefix}-archive:before { content: "\e149"; }
+.#{$md-css-prefix}-arrow-back:before { content: "\e5c4"; }
+.#{$md-css-prefix}-arrow-downward:before { content: "\e5db"; }
+.#{$md-css-prefix}-arrow-drop-down:before { content: "\e5c5"; }
+.#{$md-css-prefix}-arrow-drop-down-circle:before { content: "\e5c6"; }
+.#{$md-css-prefix}-arrow-drop-up:before { content: "\e5c7"; }
+.#{$md-css-prefix}-arrow-forward:before { content: "\e5c8"; }
+.#{$md-css-prefix}-arrow-upward:before { content: "\e5d8"; }
+.#{$md-css-prefix}-art-track:before { content: "\e060"; }
+.#{$md-css-prefix}-aspect-ratio:before { content: "\e85b"; }
+.#{$md-css-prefix}-assessment:before { content: "\e85c"; }
+.#{$md-css-prefix}-assignment:before { content: "\e85d"; }
+.#{$md-css-prefix}-assignment-ind:before { content: "\e85e"; }
+.#{$md-css-prefix}-assignment-late:before { content: "\e85f"; }
+.#{$md-css-prefix}-assignment-return:before { content: "\e860"; }
+.#{$md-css-prefix}-assignment-returned:before { content: "\e861"; }
+.#{$md-css-prefix}-assignment-turned-in:before { content: "\e862"; }
+.#{$md-css-prefix}-assistant:before { content: "\e39f"; }
+.#{$md-css-prefix}-assistant-photo:before { content: "\e3a0"; }
+.#{$md-css-prefix}-attach-file:before { content: "\e226"; }
+.#{$md-css-prefix}-attach-money:before { content: "\e227"; }
+.#{$md-css-prefix}-attachment:before { content: "\e2bc"; }
+.#{$md-css-prefix}-audiotrack:before { content: "\e3a1"; }
+.#{$md-css-prefix}-autorenew:before { content: "\e863"; }
+.#{$md-css-prefix}-av-timer:before { content: "\e01b"; }
+.#{$md-css-prefix}-backspace:before { content: "\e14a"; }
+.#{$md-css-prefix}-backup:before { content: "\e864"; }
+.#{$md-css-prefix}-battery-alert:before { content: "\e19c"; }
+.#{$md-css-prefix}-battery-charging-full:before { content: "\e1a3"; }
+.#{$md-css-prefix}-battery-full:before { content: "\e1a4"; }
+.#{$md-css-prefix}-battery-std:before { content: "\e1a5"; }
+.#{$md-css-prefix}-battery-unknown:before { content: "\e1a6"; }
+.#{$md-css-prefix}-beach-access:before { content: "\eb3e"; }
+.#{$md-css-prefix}-beenhere:before { content: "\e52d"; }
+.#{$md-css-prefix}-block:before { content: "\e14b"; }
+.#{$md-css-prefix}-bluetooth:before { content: "\e1a7"; }
+.#{$md-css-prefix}-bluetooth-audio:before { content: "\e60f"; }
+.#{$md-css-prefix}-bluetooth-connected:before { content: "\e1a8"; }
+.#{$md-css-prefix}-bluetooth-disabled:before { content: "\e1a9"; }
+.#{$md-css-prefix}-bluetooth-searching:before { content: "\e1aa"; }
+.#{$md-css-prefix}-blur-circular:before { content: "\e3a2"; }
+.#{$md-css-prefix}-blur-linear:before { content: "\e3a3"; }
+.#{$md-css-prefix}-blur-off:before { content: "\e3a4"; }
+.#{$md-css-prefix}-blur-on:before { content: "\e3a5"; }
+.#{$md-css-prefix}-book:before { content: "\e865"; }
+.#{$md-css-prefix}-bookmark:before { content: "\e866"; }
+.#{$md-css-prefix}-bookmark-border:before { content: "\e867"; }
+.#{$md-css-prefix}-border-all:before { content: "\e228"; }
+.#{$md-css-prefix}-border-bottom:before { content: "\e229"; }
+.#{$md-css-prefix}-border-clear:before { content: "\e22a"; }
+.#{$md-css-prefix}-border-color:before { content: "\e22b"; }
+.#{$md-css-prefix}-border-horizontal:before { content: "\e22c"; }
+.#{$md-css-prefix}-border-inner:before { content: "\e22d"; }
+.#{$md-css-prefix}-border-left:before { content: "\e22e"; }
+.#{$md-css-prefix}-border-outer:before { content: "\e22f"; }
+.#{$md-css-prefix}-border-right:before { content: "\e230"; }
+.#{$md-css-prefix}-border-style:before { content: "\e231"; }
+.#{$md-css-prefix}-border-top:before { content: "\e232"; }
+.#{$md-css-prefix}-border-vertical:before { content: "\e233"; }
+.#{$md-css-prefix}-branding-watermark:before { content: "\e06b"; }
+.#{$md-css-prefix}-brightness-1:before { content: "\e3a6"; }
+.#{$md-css-prefix}-brightness-2:before { content: "\e3a7"; }
+.#{$md-css-prefix}-brightness-3:before { content: "\e3a8"; }
+.#{$md-css-prefix}-brightness-4:before { content: "\e3a9"; }
+.#{$md-css-prefix}-brightness-5:before { content: "\e3aa"; }
+.#{$md-css-prefix}-brightness-6:before { content: "\e3ab"; }
+.#{$md-css-prefix}-brightness-7:before { content: "\e3ac"; }
+.#{$md-css-prefix}-brightness-auto:before { content: "\e1ab"; }
+.#{$md-css-prefix}-brightness-high:before { content: "\e1ac"; }
+.#{$md-css-prefix}-brightness-low:before { content: "\e1ad"; }
+.#{$md-css-prefix}-brightness-medium:before { content: "\e1ae"; }
+.#{$md-css-prefix}-broken-image:before { content: "\e3ad"; }
+.#{$md-css-prefix}-brush:before { content: "\e3ae"; }
+.#{$md-css-prefix}-bubble-chart:before { content: "\e6dd"; }
+.#{$md-css-prefix}-bug-report:before { content: "\e868"; }
+.#{$md-css-prefix}-build:before { content: "\e869"; }
+.#{$md-css-prefix}-burst-mode:before { content: "\e43c"; }
+.#{$md-css-prefix}-business:before { content: "\e0af"; }
+.#{$md-css-prefix}-business-center:before { content: "\eb3f"; }
+.#{$md-css-prefix}-cached:before { content: "\e86a"; }
+.#{$md-css-prefix}-cake:before { content: "\e7e9"; }
+.#{$md-css-prefix}-call:before { content: "\e0b0"; }
+.#{$md-css-prefix}-call-end:before { content: "\e0b1"; }
+.#{$md-css-prefix}-call-made:before { content: "\e0b2"; }
+.#{$md-css-prefix}-call-merge:before { content: "\e0b3"; }
+.#{$md-css-prefix}-call-missed:before { content: "\e0b4"; }
+.#{$md-css-prefix}-call-missed-outgoing:before { content: "\e0e4"; }
+.#{$md-css-prefix}-call-received:before { content: "\e0b5"; }
+.#{$md-css-prefix}-call-split:before { content: "\e0b6"; }
+.#{$md-css-prefix}-call-to-action:before { content: "\e06c"; }
+.#{$md-css-prefix}-camera:before { content: "\e3af"; }
+.#{$md-css-prefix}-camera-alt:before { content: "\e3b0"; }
+.#{$md-css-prefix}-camera-enhance:before { content: "\e8fc"; }
+.#{$md-css-prefix}-camera-front:before { content: "\e3b1"; }
+.#{$md-css-prefix}-camera-rear:before { content: "\e3b2"; }
+.#{$md-css-prefix}-camera-roll:before { content: "\e3b3"; }
+.#{$md-css-prefix}-cancel:before { content: "\e5c9"; }
+.#{$md-css-prefix}-card-giftcard:before { content: "\e8f6"; }
+.#{$md-css-prefix}-card-membership:before { content: "\e8f7"; }
+.#{$md-css-prefix}-card-travel:before { content: "\e8f8"; }
+.#{$md-css-prefix}-casino:before { content: "\eb40"; }
+.#{$md-css-prefix}-cast:before { content: "\e307"; }
+.#{$md-css-prefix}-cast-connected:before { content: "\e308"; }
+.#{$md-css-prefix}-center-focus-strong:before { content: "\e3b4"; }
+.#{$md-css-prefix}-center-focus-weak:before { content: "\e3b5"; }
+.#{$md-css-prefix}-change-history:before { content: "\e86b"; }
+.#{$md-css-prefix}-chat:before { content: "\e0b7"; }
+.#{$md-css-prefix}-chat-bubble:before { content: "\e0ca"; }
+.#{$md-css-prefix}-chat-bubble-outline:before { content: "\e0cb"; }
+.#{$md-css-prefix}-check:before { content: "\e5ca"; }
+.#{$md-css-prefix}-check-box:before { content: "\e834"; }
+.#{$md-css-prefix}-check-box-outline-blank:before { content: "\e835"; }
+.#{$md-css-prefix}-check-circle:before { content: "\e86c"; }
+.#{$md-css-prefix}-chevron-left:before { content: "\e5cb"; }
+.#{$md-css-prefix}-chevron-right:before { content: "\e5cc"; }
+.#{$md-css-prefix}-child-care:before { content: "\eb41"; }
+.#{$md-css-prefix}-child-friendly:before { content: "\eb42"; }
+.#{$md-css-prefix}-chrome-reader-mode:before { content: "\e86d"; }
+.#{$md-css-prefix}-class:before { content: "\e86e"; }
+.#{$md-css-prefix}-clear:before { content: "\e14c"; }
+.#{$md-css-prefix}-clear-all:before { content: "\e0b8"; }
+.#{$md-css-prefix}-close:before { content: "\e5cd"; }
+.#{$md-css-prefix}-closed-caption:before { content: "\e01c"; }
+.#{$md-css-prefix}-cloud:before { content: "\e2bd"; }
+.#{$md-css-prefix}-cloud-circle:before { content: "\e2be"; }
+.#{$md-css-prefix}-cloud-done:before { content: "\e2bf"; }
+.#{$md-css-prefix}-cloud-download:before { content: "\e2c0"; }
+.#{$md-css-prefix}-cloud-off:before { content: "\e2c1"; }
+.#{$md-css-prefix}-cloud-queue:before { content: "\e2c2"; }
+.#{$md-css-prefix}-cloud-upload:before { content: "\e2c3"; }
+.#{$md-css-prefix}-code:before { content: "\e86f"; }
+.#{$md-css-prefix}-collections:before { content: "\e3b6"; }
+.#{$md-css-prefix}-collections-bookmark:before { content: "\e431"; }
+.#{$md-css-prefix}-color-lens:before { content: "\e3b7"; }
+.#{$md-css-prefix}-colorize:before { content: "\e3b8"; }
+.#{$md-css-prefix}-comment:before { content: "\e0b9"; }
+.#{$md-css-prefix}-compare:before { content: "\e3b9"; }
+.#{$md-css-prefix}-compare-arrows:before { content: "\e915"; }
+.#{$md-css-prefix}-computer:before { content: "\e30a"; }
+.#{$md-css-prefix}-confirmation-number:before { content: "\e638"; }
+.#{$md-css-prefix}-contact-mail:before { content: "\e0d0"; }
+.#{$md-css-prefix}-contact-phone:before { content: "\e0cf"; }
+.#{$md-css-prefix}-contacts:before { content: "\e0ba"; }
+.#{$md-css-prefix}-content-copy:before { content: "\e14d"; }
+.#{$md-css-prefix}-content-cut:before { content: "\e14e"; }
+.#{$md-css-prefix}-content-paste:before { content: "\e14f"; }
+.#{$md-css-prefix}-control-point:before { content: "\e3ba"; }
+.#{$md-css-prefix}-control-point-duplicate:before { content: "\e3bb"; }
+.#{$md-css-prefix}-copyright:before { content: "\e90c"; }
+.#{$md-css-prefix}-create:before { content: "\e150"; }
+.#{$md-css-prefix}-create-new-folder:before { content: "\e2cc"; }
+.#{$md-css-prefix}-credit-card:before { content: "\e870"; }
+.#{$md-css-prefix}-crop:before { content: "\e3be"; }
+.#{$md-css-prefix}-crop-16-9:before { content: "\e3bc"; }
+.#{$md-css-prefix}-crop-3-2:before { content: "\e3bd"; }
+.#{$md-css-prefix}-crop-5-4:before { content: "\e3bf"; }
+.#{$md-css-prefix}-crop-7-5:before { content: "\e3c0"; }
+.#{$md-css-prefix}-crop-din:before { content: "\e3c1"; }
+.#{$md-css-prefix}-crop-free:before { content: "\e3c2"; }
+.#{$md-css-prefix}-crop-landscape:before { content: "\e3c3"; }
+.#{$md-css-prefix}-crop-original:before { content: "\e3c4"; }
+.#{$md-css-prefix}-crop-portrait:before { content: "\e3c5"; }
+.#{$md-css-prefix}-crop-rotate:before { content: "\e437"; }
+.#{$md-css-prefix}-crop-square:before { content: "\e3c6"; }
+.#{$md-css-prefix}-dashboard:before { content: "\e871"; }
+.#{$md-css-prefix}-data-usage:before { content: "\e1af"; }
+.#{$md-css-prefix}-date-range:before { content: "\e916"; }
+.#{$md-css-prefix}-dehaze:before { content: "\e3c7"; }
+.#{$md-css-prefix}-delete:before { content: "\e872"; }
+.#{$md-css-prefix}-delete-forever:before { content: "\e92b"; }
+.#{$md-css-prefix}-delete-sweep:before { content: "\e16c"; }
+.#{$md-css-prefix}-description:before { content: "\e873"; }
+.#{$md-css-prefix}-desktop-mac:before { content: "\e30b"; }
+.#{$md-css-prefix}-desktop-windows:before { content: "\e30c"; }
+.#{$md-css-prefix}-details:before { content: "\e3c8"; }
+.#{$md-css-prefix}-developer-board:before { content: "\e30d"; }
+.#{$md-css-prefix}-developer-mode:before { content: "\e1b0"; }
+.#{$md-css-prefix}-device-hub:before { content: "\e335"; }
+.#{$md-css-prefix}-devices:before { content: "\e1b1"; }
+.#{$md-css-prefix}-devices-other:before { content: "\e337"; }
+.#{$md-css-prefix}-dialer-sip:before { content: "\e0bb"; }
+.#{$md-css-prefix}-dialpad:before { content: "\e0bc"; }
+.#{$md-css-prefix}-directions:before { content: "\e52e"; }
+.#{$md-css-prefix}-directions-bike:before { content: "\e52f"; }
+.#{$md-css-prefix}-directions-boat:before { content: "\e532"; }
+.#{$md-css-prefix}-directions-bus:before { content: "\e530"; }
+.#{$md-css-prefix}-directions-car:before { content: "\e531"; }
+.#{$md-css-prefix}-directions-railway:before { content: "\e534"; }
+.#{$md-css-prefix}-directions-run:before { content: "\e566"; }
+.#{$md-css-prefix}-directions-subway:before { content: "\e533"; }
+.#{$md-css-prefix}-directions-transit:before { content: "\e535"; }
+.#{$md-css-prefix}-directions-walk:before { content: "\e536"; }
+.#{$md-css-prefix}-disc-full:before { content: "\e610"; }
+.#{$md-css-prefix}-dns:before { content: "\e875"; }
+.#{$md-css-prefix}-do-not-disturb:before { content: "\e612"; }
+.#{$md-css-prefix}-do-not-disturb-alt:before { content: "\e611"; }
+.#{$md-css-prefix}-do-not-disturb-off:before { content: "\e643"; }
+.#{$md-css-prefix}-do-not-disturb-on:before { content: "\e644"; }
+.#{$md-css-prefix}-dock:before { content: "\e30e"; }
+.#{$md-css-prefix}-domain:before { content: "\e7ee"; }
+.#{$md-css-prefix}-done:before { content: "\e876"; }
+.#{$md-css-prefix}-done-all:before { content: "\e877"; }
+.#{$md-css-prefix}-donut-large:before { content: "\e917"; }
+.#{$md-css-prefix}-donut-small:before { content: "\e918"; }
+.#{$md-css-prefix}-drafts:before { content: "\e151"; }
+.#{$md-css-prefix}-drag-handle:before { content: "\e25d"; }
+.#{$md-css-prefix}-drive-eta:before { content: "\e613"; }
+.#{$md-css-prefix}-dvr:before { content: "\e1b2"; }
+.#{$md-css-prefix}-edit:before { content: "\e3c9"; }
+.#{$md-css-prefix}-edit-location:before { content: "\e568"; }
+.#{$md-css-prefix}-eject:before { content: "\e8fb"; }
+.#{$md-css-prefix}-email:before { content: "\e0be"; }
+.#{$md-css-prefix}-enhanced-encryption:before { content: "\e63f"; }
+.#{$md-css-prefix}-equalizer:before { content: "\e01d"; }
+.#{$md-css-prefix}-error:before { content: "\e000"; }
+.#{$md-css-prefix}-error-outline:before { content: "\e001"; }
+.#{$md-css-prefix}-euro-symbol:before { content: "\e926"; }
+.#{$md-css-prefix}-ev-station:before { content: "\e56d"; }
+.#{$md-css-prefix}-event:before { content: "\e878"; }
+.#{$md-css-prefix}-event-available:before { content: "\e614"; }
+.#{$md-css-prefix}-event-busy:before { content: "\e615"; }
+.#{$md-css-prefix}-event-note:before { content: "\e616"; }
+.#{$md-css-prefix}-event-seat:before { content: "\e903"; }
+.#{$md-css-prefix}-exit-to-app:before { content: "\e879"; }
+.#{$md-css-prefix}-expand-less:before { content: "\e5ce"; }
+.#{$md-css-prefix}-expand-more:before { content: "\e5cf"; }
+.#{$md-css-prefix}-explicit:before { content: "\e01e"; }
+.#{$md-css-prefix}-explore:before { content: "\e87a"; }
+.#{$md-css-prefix}-exposure:before { content: "\e3ca"; }
+.#{$md-css-prefix}-exposure-neg-1:before { content: "\e3cb"; }
+.#{$md-css-prefix}-exposure-neg-2:before { content: "\e3cc"; }
+.#{$md-css-prefix}-exposure-plus-1:before { content: "\e3cd"; }
+.#{$md-css-prefix}-exposure-plus-2:before { content: "\e3ce"; }
+.#{$md-css-prefix}-exposure-zero:before { content: "\e3cf"; }
+.#{$md-css-prefix}-extension:before { content: "\e87b"; }
+.#{$md-css-prefix}-face:before { content: "\e87c"; }
+.#{$md-css-prefix}-fast-forward:before { content: "\e01f"; }
+.#{$md-css-prefix}-fast-rewind:before { content: "\e020"; }
+.#{$md-css-prefix}-favorite:before { content: "\e87d"; }
+.#{$md-css-prefix}-favorite-border:before { content: "\e87e"; }
+.#{$md-css-prefix}-featured-play-list:before { content: "\e06d"; }
+.#{$md-css-prefix}-featured-video:before { content: "\e06e"; }
+.#{$md-css-prefix}-feedback:before { content: "\e87f"; }
+.#{$md-css-prefix}-fiber-dvr:before { content: "\e05d"; }
+.#{$md-css-prefix}-fiber-manual-record:before { content: "\e061"; }
+.#{$md-css-prefix}-fiber-new:before { content: "\e05e"; }
+.#{$md-css-prefix}-fiber-pin:before { content: "\e06a"; }
+.#{$md-css-prefix}-fiber-smart-record:before { content: "\e062"; }
+.#{$md-css-prefix}-file-download:before { content: "\e2c4"; }
+.#{$md-css-prefix}-file-upload:before { content: "\e2c6"; }
+.#{$md-css-prefix}-filter:before { content: "\e3d3"; }
+.#{$md-css-prefix}-filter-1:before { content: "\e3d0"; }
+.#{$md-css-prefix}-filter-2:before { content: "\e3d1"; }
+.#{$md-css-prefix}-filter-3:before { content: "\e3d2"; }
+.#{$md-css-prefix}-filter-4:before { content: "\e3d4"; }
+.#{$md-css-prefix}-filter-5:before { content: "\e3d5"; }
+.#{$md-css-prefix}-filter-6:before { content: "\e3d6"; }
+.#{$md-css-prefix}-filter-7:before { content: "\e3d7"; }
+.#{$md-css-prefix}-filter-8:before { content: "\e3d8"; }
+.#{$md-css-prefix}-filter-9:before { content: "\e3d9"; }
+.#{$md-css-prefix}-filter-9-plus:before { content: "\e3da"; }
+.#{$md-css-prefix}-filter-b-and-w:before { content: "\e3db"; }
+.#{$md-css-prefix}-filter-center-focus:before { content: "\e3dc"; }
+.#{$md-css-prefix}-filter-drama:before { content: "\e3dd"; }
+.#{$md-css-prefix}-filter-frames:before { content: "\e3de"; }
+.#{$md-css-prefix}-filter-hdr:before { content: "\e3df"; }
+.#{$md-css-prefix}-filter-list:before { content: "\e152"; }
+.#{$md-css-prefix}-filter-none:before { content: "\e3e0"; }
+.#{$md-css-prefix}-filter-tilt-shift:before { content: "\e3e2"; }
+.#{$md-css-prefix}-filter-vintage:before { content: "\e3e3"; }
+.#{$md-css-prefix}-find-in-page:before { content: "\e880"; }
+.#{$md-css-prefix}-find-replace:before { content: "\e881"; }
+.#{$md-css-prefix}-fingerprint:before { content: "\e90d"; }
+.#{$md-css-prefix}-first-page:before { content: "\e5dc"; }
+.#{$md-css-prefix}-fitness-center:before { content: "\eb43"; }
+.#{$md-css-prefix}-flag:before { content: "\e153"; }
+.#{$md-css-prefix}-flare:before { content: "\e3e4"; }
+.#{$md-css-prefix}-flash-auto:before { content: "\e3e5"; }
+.#{$md-css-prefix}-flash-off:before { content: "\e3e6"; }
+.#{$md-css-prefix}-flash-on:before { content: "\e3e7"; }
+.#{$md-css-prefix}-flight:before { content: "\e539"; }
+.#{$md-css-prefix}-flight-land:before { content: "\e904"; }
+.#{$md-css-prefix}-flight-takeoff:before { content: "\e905"; }
+.#{$md-css-prefix}-flip:before { content: "\e3e8"; }
+.#{$md-css-prefix}-flip-to-back:before { content: "\e882"; }
+.#{$md-css-prefix}-flip-to-front:before { content: "\e883"; }
+.#{$md-css-prefix}-folder:before { content: "\e2c7"; }
+.#{$md-css-prefix}-folder-open:before { content: "\e2c8"; }
+.#{$md-css-prefix}-folder-shared:before { content: "\e2c9"; }
+.#{$md-css-prefix}-folder-special:before { content: "\e617"; }
+.#{$md-css-prefix}-font-download:before { content: "\e167"; }
+.#{$md-css-prefix}-format-align-center:before { content: "\e234"; }
+.#{$md-css-prefix}-format-align-justify:before { content: "\e235"; }
+.#{$md-css-prefix}-format-align-left:before { content: "\e236"; }
+.#{$md-css-prefix}-format-align-right:before { content: "\e237"; }
+.#{$md-css-prefix}-format-bold:before { content: "\e238"; }
+.#{$md-css-prefix}-format-clear:before { content: "\e239"; }
+.#{$md-css-prefix}-format-color-fill:before { content: "\e23a"; }
+.#{$md-css-prefix}-format-color-reset:before { content: "\e23b"; }
+.#{$md-css-prefix}-format-color-text:before { content: "\e23c"; }
+.#{$md-css-prefix}-format-indent-decrease:before { content: "\e23d"; }
+.#{$md-css-prefix}-format-indent-increase:before { content: "\e23e"; }
+.#{$md-css-prefix}-format-italic:before { content: "\e23f"; }
+.#{$md-css-prefix}-format-line-spacing:before { content: "\e240"; }
+.#{$md-css-prefix}-format-list-bulleted:before { content: "\e241"; }
+.#{$md-css-prefix}-format-list-numbered:before { content: "\e242"; }
+.#{$md-css-prefix}-format-paint:before { content: "\e243"; }
+.#{$md-css-prefix}-format-quote:before { content: "\e244"; }
+.#{$md-css-prefix}-format-shapes:before { content: "\e25e"; }
+.#{$md-css-prefix}-format-size:before { content: "\e245"; }
+.#{$md-css-prefix}-format-strikethrough:before { content: "\e246"; }
+.#{$md-css-prefix}-format-textdirection-l-to-r:before { content: "\e247"; }
+.#{$md-css-prefix}-format-textdirection-r-to-l:before { content: "\e248"; }
+.#{$md-css-prefix}-format-underlined:before { content: "\e249"; }
+.#{$md-css-prefix}-forum:before { content: "\e0bf"; }
+.#{$md-css-prefix}-forward:before { content: "\e154"; }
+.#{$md-css-prefix}-forward-10:before { content: "\e056"; }
+.#{$md-css-prefix}-forward-30:before { content: "\e057"; }
+.#{$md-css-prefix}-forward-5:before { content: "\e058"; }
+.#{$md-css-prefix}-free-breakfast:before { content: "\eb44"; }
+.#{$md-css-prefix}-fullscreen:before { content: "\e5d0"; }
+.#{$md-css-prefix}-fullscreen-exit:before { content: "\e5d1"; }
+.#{$md-css-prefix}-functions:before { content: "\e24a"; }
+.#{$md-css-prefix}-g-translate:before { content: "\e927"; }
+.#{$md-css-prefix}-gamepad:before { content: "\e30f"; }
+.#{$md-css-prefix}-games:before { content: "\e021"; }
+.#{$md-css-prefix}-gavel:before { content: "\e90e"; }
+.#{$md-css-prefix}-gesture:before { content: "\e155"; }
+.#{$md-css-prefix}-get-app:before { content: "\e884"; }
+.#{$md-css-prefix}-gif:before { content: "\e908"; }
+.#{$md-css-prefix}-golf-course:before { content: "\eb45"; }
+.#{$md-css-prefix}-gps-fixed:before { content: "\e1b3"; }
+.#{$md-css-prefix}-gps-not-fixed:before { content: "\e1b4"; }
+.#{$md-css-prefix}-gps-off:before { content: "\e1b5"; }
+.#{$md-css-prefix}-grade:before { content: "\e885"; }
+.#{$md-css-prefix}-gradient:before { content: "\e3e9"; }
+.#{$md-css-prefix}-grain:before { content: "\e3ea"; }
+.#{$md-css-prefix}-graphic-eq:before { content: "\e1b8"; }
+.#{$md-css-prefix}-grid-off:before { content: "\e3eb"; }
+.#{$md-css-prefix}-grid-on:before { content: "\e3ec"; }
+.#{$md-css-prefix}-group:before { content: "\e7ef"; }
+.#{$md-css-prefix}-group-add:before { content: "\e7f0"; }
+.#{$md-css-prefix}-group-work:before { content: "\e886"; }
+.#{$md-css-prefix}-hd:before { content: "\e052"; }
+.#{$md-css-prefix}-hdr-off:before { content: "\e3ed"; }
+.#{$md-css-prefix}-hdr-on:before { content: "\e3ee"; }
+.#{$md-css-prefix}-hdr-strong:before { content: "\e3f1"; }
+.#{$md-css-prefix}-hdr-weak:before { content: "\e3f2"; }
+.#{$md-css-prefix}-headset:before { content: "\e310"; }
+.#{$md-css-prefix}-headset-mic:before { content: "\e311"; }
+.#{$md-css-prefix}-healing:before { content: "\e3f3"; }
+.#{$md-css-prefix}-hearing:before { content: "\e023"; }
+.#{$md-css-prefix}-help:before { content: "\e887"; }
+.#{$md-css-prefix}-help-outline:before { content: "\e8fd"; }
+.#{$md-css-prefix}-high-quality:before { content: "\e024"; }
+.#{$md-css-prefix}-highlight:before { content: "\e25f"; }
+.#{$md-css-prefix}-highlight-off:before { content: "\e888"; }
+.#{$md-css-prefix}-history:before { content: "\e889"; }
+.#{$md-css-prefix}-home:before { content: "\e88a"; }
+.#{$md-css-prefix}-hot-tub:before { content: "\eb46"; }
+.#{$md-css-prefix}-hotel:before { content: "\e53a"; }
+.#{$md-css-prefix}-hourglass-empty:before { content: "\e88b"; }
+.#{$md-css-prefix}-hourglass-full:before { content: "\e88c"; }
+.#{$md-css-prefix}-http:before { content: "\e902"; }
+.#{$md-css-prefix}-https:before { content: "\e88d"; }
+.#{$md-css-prefix}-image:before { content: "\e3f4"; }
+.#{$md-css-prefix}-image-aspect-ratio:before { content: "\e3f5"; }
+.#{$md-css-prefix}-import-contacts:before { content: "\e0e0"; }
+.#{$md-css-prefix}-import-export:before { content: "\e0c3"; }
+.#{$md-css-prefix}-important-devices:before { content: "\e912"; }
+.#{$md-css-prefix}-inbox:before { content: "\e156"; }
+.#{$md-css-prefix}-indeterminate-check-box:before { content: "\e909"; }
+.#{$md-css-prefix}-info:before { content: "\e88e"; }
+.#{$md-css-prefix}-info-outline:before { content: "\e88f"; }
+.#{$md-css-prefix}-input:before { content: "\e890"; }
+.#{$md-css-prefix}-insert-chart:before { content: "\e24b"; }
+.#{$md-css-prefix}-insert-comment:before { content: "\e24c"; }
+.#{$md-css-prefix}-insert-drive-file:before { content: "\e24d"; }
+.#{$md-css-prefix}-insert-emoticon:before { content: "\e24e"; }
+.#{$md-css-prefix}-insert-invitation:before { content: "\e24f"; }
+.#{$md-css-prefix}-insert-link:before { content: "\e250"; }
+.#{$md-css-prefix}-insert-photo:before { content: "\e251"; }
+.#{$md-css-prefix}-invert-colors:before { content: "\e891"; }
+.#{$md-css-prefix}-invert-colors-off:before { content: "\e0c4"; }
+.#{$md-css-prefix}-iso:before { content: "\e3f6"; }
+.#{$md-css-prefix}-keyboard:before { content: "\e312"; }
+.#{$md-css-prefix}-keyboard-arrow-down:before { content: "\e313"; }
+.#{$md-css-prefix}-keyboard-arrow-left:before { content: "\e314"; }
+.#{$md-css-prefix}-keyboard-arrow-right:before { content: "\e315"; }
+.#{$md-css-prefix}-keyboard-arrow-up:before { content: "\e316"; }
+.#{$md-css-prefix}-keyboard-backspace:before { content: "\e317"; }
+.#{$md-css-prefix}-keyboard-capslock:before { content: "\e318"; }
+.#{$md-css-prefix}-keyboard-hide:before { content: "\e31a"; }
+.#{$md-css-prefix}-keyboard-return:before { content: "\e31b"; }
+.#{$md-css-prefix}-keyboard-tab:before { content: "\e31c"; }
+.#{$md-css-prefix}-keyboard-voice:before { content: "\e31d"; }
+.#{$md-css-prefix}-kitchen:before { content: "\eb47"; }
+.#{$md-css-prefix}-label:before { content: "\e892"; }
+.#{$md-css-prefix}-label-outline:before { content: "\e893"; }
+.#{$md-css-prefix}-landscape:before { content: "\e3f7"; }
+.#{$md-css-prefix}-language:before { content: "\e894"; }
+.#{$md-css-prefix}-laptop:before { content: "\e31e"; }
+.#{$md-css-prefix}-laptop-chromebook:before { content: "\e31f"; }
+.#{$md-css-prefix}-laptop-mac:before { content: "\e320"; }
+.#{$md-css-prefix}-laptop-windows:before { content: "\e321"; }
+.#{$md-css-prefix}-last-page:before { content: "\e5dd"; }
+.#{$md-css-prefix}-launch:before { content: "\e895"; }
+.#{$md-css-prefix}-layers:before { content: "\e53b"; }
+.#{$md-css-prefix}-layers-clear:before { content: "\e53c"; }
+.#{$md-css-prefix}-leak-add:before { content: "\e3f8"; }
+.#{$md-css-prefix}-leak-remove:before { content: "\e3f9"; }
+.#{$md-css-prefix}-lens:before { content: "\e3fa"; }
+.#{$md-css-prefix}-library-add:before { content: "\e02e"; }
+.#{$md-css-prefix}-library-books:before { content: "\e02f"; }
+.#{$md-css-prefix}-library-music:before { content: "\e030"; }
+.#{$md-css-prefix}-lightbulb-outline:before { content: "\e90f"; }
+.#{$md-css-prefix}-line-style:before { content: "\e919"; }
+.#{$md-css-prefix}-line-weight:before { content: "\e91a"; }
+.#{$md-css-prefix}-linear-scale:before { content: "\e260"; }
+.#{$md-css-prefix}-link:before { content: "\e157"; }
+.#{$md-css-prefix}-linked-camera:before { content: "\e438"; }
+.#{$md-css-prefix}-list:before { content: "\e896"; }
+.#{$md-css-prefix}-live-help:before { content: "\e0c6"; }
+.#{$md-css-prefix}-live-tv:before { content: "\e639"; }
+.#{$md-css-prefix}-local-activity:before { content: "\e53f"; }
+.#{$md-css-prefix}-local-airport:before { content: "\e53d"; }
+.#{$md-css-prefix}-local-atm:before { content: "\e53e"; }
+.#{$md-css-prefix}-local-bar:before { content: "\e540"; }
+.#{$md-css-prefix}-local-cafe:before { content: "\e541"; }
+.#{$md-css-prefix}-local-car-wash:before { content: "\e542"; }
+.#{$md-css-prefix}-local-convenience-store:before { content: "\e543"; }
+.#{$md-css-prefix}-local-dining:before { content: "\e556"; }
+.#{$md-css-prefix}-local-drink:before { content: "\e544"; }
+.#{$md-css-prefix}-local-florist:before { content: "\e545"; }
+.#{$md-css-prefix}-local-gas-station:before { content: "\e546"; }
+.#{$md-css-prefix}-local-grocery-store:before { content: "\e547"; }
+.#{$md-css-prefix}-local-hospital:before { content: "\e548"; }
+.#{$md-css-prefix}-local-hotel:before { content: "\e549"; }
+.#{$md-css-prefix}-local-laundry-service:before { content: "\e54a"; }
+.#{$md-css-prefix}-local-library:before { content: "\e54b"; }
+.#{$md-css-prefix}-local-mall:before { content: "\e54c"; }
+.#{$md-css-prefix}-local-movies:before { content: "\e54d"; }
+.#{$md-css-prefix}-local-offer:before { content: "\e54e"; }
+.#{$md-css-prefix}-local-parking:before { content: "\e54f"; }
+.#{$md-css-prefix}-local-pharmacy:before { content: "\e550"; }
+.#{$md-css-prefix}-local-phone:before { content: "\e551"; }
+.#{$md-css-prefix}-local-pizza:before { content: "\e552"; }
+.#{$md-css-prefix}-local-play:before { content: "\e553"; }
+.#{$md-css-prefix}-local-post-office:before { content: "\e554"; }
+.#{$md-css-prefix}-local-printshop:before { content: "\e555"; }
+.#{$md-css-prefix}-local-see:before { content: "\e557"; }
+.#{$md-css-prefix}-local-shipping:before { content: "\e558"; }
+.#{$md-css-prefix}-local-taxi:before { content: "\e559"; }
+.#{$md-css-prefix}-location-city:before { content: "\e7f1"; }
+.#{$md-css-prefix}-location-disabled:before { content: "\e1b6"; }
+.#{$md-css-prefix}-location-off:before { content: "\e0c7"; }
+.#{$md-css-prefix}-location-on:before { content: "\e0c8"; }
+.#{$md-css-prefix}-location-searching:before { content: "\e1b7"; }
+.#{$md-css-prefix}-lock:before { content: "\e897"; }
+.#{$md-css-prefix}-lock-open:before { content: "\e898"; }
+.#{$md-css-prefix}-lock-outline:before { content: "\e899"; }
+.#{$md-css-prefix}-looks:before { content: "\e3fc"; }
+.#{$md-css-prefix}-looks-3:before { content: "\e3fb"; }
+.#{$md-css-prefix}-looks-4:before { content: "\e3fd"; }
+.#{$md-css-prefix}-looks-5:before { content: "\e3fe"; }
+.#{$md-css-prefix}-looks-6:before { content: "\e3ff"; }
+.#{$md-css-prefix}-looks-one:before { content: "\e400"; }
+.#{$md-css-prefix}-looks-two:before { content: "\e401"; }
+.#{$md-css-prefix}-loop:before { content: "\e028"; }
+.#{$md-css-prefix}-loupe:before { content: "\e402"; }
+.#{$md-css-prefix}-low-priority:before { content: "\e16d"; }
+.#{$md-css-prefix}-loyalty:before { content: "\e89a"; }
+.#{$md-css-prefix}-mail:before { content: "\e158"; }
+.#{$md-css-prefix}-mail-outline:before { content: "\e0e1"; }
+.#{$md-css-prefix}-map:before { content: "\e55b"; }
+.#{$md-css-prefix}-markunread:before { content: "\e159"; }
+.#{$md-css-prefix}-markunread-mailbox:before { content: "\e89b"; }
+.#{$md-css-prefix}-memory:before { content: "\e322"; }
+.#{$md-css-prefix}-menu:before { content: "\e5d2"; }
+.#{$md-css-prefix}-merge-type:before { content: "\e252"; }
+.#{$md-css-prefix}-message:before { content: "\e0c9"; }
+.#{$md-css-prefix}-mic:before { content: "\e029"; }
+.#{$md-css-prefix}-mic-none:before { content: "\e02a"; }
+.#{$md-css-prefix}-mic-off:before { content: "\e02b"; }
+.#{$md-css-prefix}-mms:before { content: "\e618"; }
+.#{$md-css-prefix}-mode-comment:before { content: "\e253"; }
+.#{$md-css-prefix}-mode-edit:before { content: "\e254"; }
+.#{$md-css-prefix}-monetization-on:before { content: "\e263"; }
+.#{$md-css-prefix}-money-off:before { content: "\e25c"; }
+.#{$md-css-prefix}-monochrome-photos:before { content: "\e403"; }
+.#{$md-css-prefix}-mood:before { content: "\e7f2"; }
+.#{$md-css-prefix}-mood-bad:before { content: "\e7f3"; }
+.#{$md-css-prefix}-more:before { content: "\e619"; }
+.#{$md-css-prefix}-more-horiz:before { content: "\e5d3"; }
+.#{$md-css-prefix}-more-vert:before { content: "\e5d4"; }
+.#{$md-css-prefix}-motorcycle:before { content: "\e91b"; }
+.#{$md-css-prefix}-mouse:before { content: "\e323"; }
+.#{$md-css-prefix}-move-to-inbox:before { content: "\e168"; }
+.#{$md-css-prefix}-movie:before { content: "\e02c"; }
+.#{$md-css-prefix}-movie-creation:before { content: "\e404"; }
+.#{$md-css-prefix}-movie-filter:before { content: "\e43a"; }
+.#{$md-css-prefix}-multiline-chart:before { content: "\e6df"; }
+.#{$md-css-prefix}-music-note:before { content: "\e405"; }
+.#{$md-css-prefix}-music-video:before { content: "\e063"; }
+.#{$md-css-prefix}-my-location:before { content: "\e55c"; }
+.#{$md-css-prefix}-nature:before { content: "\e406"; }
+.#{$md-css-prefix}-nature-people:before { content: "\e407"; }
+.#{$md-css-prefix}-navigate-before:before { content: "\e408"; }
+.#{$md-css-prefix}-navigate-next:before { content: "\e409"; }
+.#{$md-css-prefix}-navigation:before { content: "\e55d"; }
+.#{$md-css-prefix}-near-me:before { content: "\e569"; }
+.#{$md-css-prefix}-network-cell:before { content: "\e1b9"; }
+.#{$md-css-prefix}-network-check:before { content: "\e640"; }
+.#{$md-css-prefix}-network-locked:before { content: "\e61a"; }
+.#{$md-css-prefix}-network-wifi:before { content: "\e1ba"; }
+.#{$md-css-prefix}-new-releases:before { content: "\e031"; }
+.#{$md-css-prefix}-next-week:before { content: "\e16a"; }
+.#{$md-css-prefix}-nfc:before { content: "\e1bb"; }
+.#{$md-css-prefix}-no-encryption:before { content: "\e641"; }
+.#{$md-css-prefix}-no-sim:before { content: "\e0cc"; }
+.#{$md-css-prefix}-not-interested:before { content: "\e033"; }
+.#{$md-css-prefix}-note:before { content: "\e06f"; }
+.#{$md-css-prefix}-note-add:before { content: "\e89c"; }
+.#{$md-css-prefix}-notifications:before { content: "\e7f4"; }
+.#{$md-css-prefix}-notifications-active:before { content: "\e7f7"; }
+.#{$md-css-prefix}-notifications-none:before { content: "\e7f5"; }
+.#{$md-css-prefix}-notifications-off:before { content: "\e7f6"; }
+.#{$md-css-prefix}-notifications-paused:before { content: "\e7f8"; }
+.#{$md-css-prefix}-offline-pin:before { content: "\e90a"; }
+.#{$md-css-prefix}-ondemand-video:before { content: "\e63a"; }
+.#{$md-css-prefix}-opacity:before { content: "\e91c"; }
+.#{$md-css-prefix}-open-in-browser:before { content: "\e89d"; }
+.#{$md-css-prefix}-open-in-new:before { content: "\e89e"; }
+.#{$md-css-prefix}-open-with:before { content: "\e89f"; }
+.#{$md-css-prefix}-pages:before { content: "\e7f9"; }
+.#{$md-css-prefix}-pageview:before { content: "\e8a0"; }
+.#{$md-css-prefix}-palette:before { content: "\e40a"; }
+.#{$md-css-prefix}-pan-tool:before { content: "\e925"; }
+.#{$md-css-prefix}-panorama:before { content: "\e40b"; }
+.#{$md-css-prefix}-panorama-fish-eye:before { content: "\e40c"; }
+.#{$md-css-prefix}-panorama-horizontal:before { content: "\e40d"; }
+.#{$md-css-prefix}-panorama-vertical:before { content: "\e40e"; }
+.#{$md-css-prefix}-panorama-wide-angle:before { content: "\e40f"; }
+.#{$md-css-prefix}-party-mode:before { content: "\e7fa"; }
+.#{$md-css-prefix}-pause:before { content: "\e034"; }
+.#{$md-css-prefix}-pause-circle-filled:before { content: "\e035"; }
+.#{$md-css-prefix}-pause-circle-outline:before { content: "\e036"; }
+.#{$md-css-prefix}-payment:before { content: "\e8a1"; }
+.#{$md-css-prefix}-people:before { content: "\e7fb"; }
+.#{$md-css-prefix}-people-outline:before { content: "\e7fc"; }
+.#{$md-css-prefix}-perm-camera-mic:before { content: "\e8a2"; }
+.#{$md-css-prefix}-perm-contact-calendar:before { content: "\e8a3"; }
+.#{$md-css-prefix}-perm-data-setting:before { content: "\e8a4"; }
+.#{$md-css-prefix}-perm-device-information:before { content: "\e8a5"; }
+.#{$md-css-prefix}-perm-identity:before { content: "\e8a6"; }
+.#{$md-css-prefix}-perm-media:before { content: "\e8a7"; }
+.#{$md-css-prefix}-perm-phone-msg:before { content: "\e8a8"; }
+.#{$md-css-prefix}-perm-scan-wifi:before { content: "\e8a9"; }
+.#{$md-css-prefix}-person:before { content: "\e7fd"; }
+.#{$md-css-prefix}-person-add:before { content: "\e7fe"; }
+.#{$md-css-prefix}-person-outline:before { content: "\e7ff"; }
+.#{$md-css-prefix}-person-pin:before { content: "\e55a"; }
+.#{$md-css-prefix}-person-pin-circle:before { content: "\e56a"; }
+.#{$md-css-prefix}-personal-video:before { content: "\e63b"; }
+.#{$md-css-prefix}-pets:before { content: "\e91d"; }
+.#{$md-css-prefix}-phone:before { content: "\e0cd"; }
+.#{$md-css-prefix}-phone-android:before { content: "\e324"; }
+.#{$md-css-prefix}-phone-bluetooth-speaker:before { content: "\e61b"; }
+.#{$md-css-prefix}-phone-forwarded:before { content: "\e61c"; }
+.#{$md-css-prefix}-phone-in-talk:before { content: "\e61d"; }
+.#{$md-css-prefix}-phone-iphone:before { content: "\e325"; }
+.#{$md-css-prefix}-phone-locked:before { content: "\e61e"; }
+.#{$md-css-prefix}-phone-missed:before { content: "\e61f"; }
+.#{$md-css-prefix}-phone-paused:before { content: "\e620"; }
+.#{$md-css-prefix}-phonelink:before { content: "\e326"; }
+.#{$md-css-prefix}-phonelink-erase:before { content: "\e0db"; }
+.#{$md-css-prefix}-phonelink-lock:before { content: "\e0dc"; }
+.#{$md-css-prefix}-phonelink-off:before { content: "\e327"; }
+.#{$md-css-prefix}-phonelink-ring:before { content: "\e0dd"; }
+.#{$md-css-prefix}-phonelink-setup:before { content: "\e0de"; }
+.#{$md-css-prefix}-photo:before { content: "\e410"; }
+.#{$md-css-prefix}-photo-album:before { content: "\e411"; }
+.#{$md-css-prefix}-photo-camera:before { content: "\e412"; }
+.#{$md-css-prefix}-photo-filter:before { content: "\e43b"; }
+.#{$md-css-prefix}-photo-library:before { content: "\e413"; }
+.#{$md-css-prefix}-photo-size-select-actual:before { content: "\e432"; }
+.#{$md-css-prefix}-photo-size-select-large:before { content: "\e433"; }
+.#{$md-css-prefix}-photo-size-select-small:before { content: "\e434"; }
+.#{$md-css-prefix}-picture-as-pdf:before { content: "\e415"; }
+.#{$md-css-prefix}-picture-in-picture:before { content: "\e8aa"; }
+.#{$md-css-prefix}-picture-in-picture-alt:before { content: "\e911"; }
+.#{$md-css-prefix}-pie-chart:before { content: "\e6c4"; }
+.#{$md-css-prefix}-pie-chart-outlined:before { content: "\e6c5"; }
+.#{$md-css-prefix}-pin-drop:before { content: "\e55e"; }
+.#{$md-css-prefix}-place:before { content: "\e55f"; }
+.#{$md-css-prefix}-play-arrow:before { content: "\e037"; }
+.#{$md-css-prefix}-play-circle-filled:before { content: "\e038"; }
+.#{$md-css-prefix}-play-circle-outline:before { content: "\e039"; }
+.#{$md-css-prefix}-play-for-work:before { content: "\e906"; }
+.#{$md-css-prefix}-playlist-add:before { content: "\e03b"; }
+.#{$md-css-prefix}-playlist-add-check:before { content: "\e065"; }
+.#{$md-css-prefix}-playlist-play:before { content: "\e05f"; }
+.#{$md-css-prefix}-plus-one:before { content: "\e800"; }
+.#{$md-css-prefix}-poll:before { content: "\e801"; }
+.#{$md-css-prefix}-polymer:before { content: "\e8ab"; }
+.#{$md-css-prefix}-pool:before { content: "\eb48"; }
+.#{$md-css-prefix}-portable-wifi-off:before { content: "\e0ce"; }
+.#{$md-css-prefix}-portrait:before { content: "\e416"; }
+.#{$md-css-prefix}-power:before { content: "\e63c"; }
+.#{$md-css-prefix}-power-input:before { content: "\e336"; }
+.#{$md-css-prefix}-power-settings-new:before { content: "\e8ac"; }
+.#{$md-css-prefix}-pregnant-woman:before { content: "\e91e"; }
+.#{$md-css-prefix}-present-to-all:before { content: "\e0df"; }
+.#{$md-css-prefix}-print:before { content: "\e8ad"; }
+.#{$md-css-prefix}-priority-high:before { content: "\e645"; }
+.#{$md-css-prefix}-public:before { content: "\e80b"; }
+.#{$md-css-prefix}-publish:before { content: "\e255"; }
+.#{$md-css-prefix}-query-builder:before { content: "\e8ae"; }
+.#{$md-css-prefix}-question-answer:before { content: "\e8af"; }
+.#{$md-css-prefix}-queue:before { content: "\e03c"; }
+.#{$md-css-prefix}-queue-music:before { content: "\e03d"; }
+.#{$md-css-prefix}-queue-play-next:before { content: "\e066"; }
+.#{$md-css-prefix}-radio:before { content: "\e03e"; }
+.#{$md-css-prefix}-radio-button-checked:before { content: "\e837"; }
+.#{$md-css-prefix}-radio-button-unchecked:before { content: "\e836"; }
+.#{$md-css-prefix}-rate-review:before { content: "\e560"; }
+.#{$md-css-prefix}-receipt:before { content: "\e8b0"; }
+.#{$md-css-prefix}-recent-actors:before { content: "\e03f"; }
+.#{$md-css-prefix}-record-voice-over:before { content: "\e91f"; }
+.#{$md-css-prefix}-redeem:before { content: "\e8b1"; }
+.#{$md-css-prefix}-redo:before { content: "\e15a"; }
+.#{$md-css-prefix}-refresh:before { content: "\e5d5"; }
+.#{$md-css-prefix}-remove:before { content: "\e15b"; }
+.#{$md-css-prefix}-remove-circle:before { content: "\e15c"; }
+.#{$md-css-prefix}-remove-circle-outline:before { content: "\e15d"; }
+.#{$md-css-prefix}-remove-from-queue:before { content: "\e067"; }
+.#{$md-css-prefix}-remove-red-eye:before { content: "\e417"; }
+.#{$md-css-prefix}-remove-shopping-cart:before { content: "\e928"; }
+.#{$md-css-prefix}-reorder:before { content: "\e8fe"; }
+.#{$md-css-prefix}-repeat:before { content: "\e040"; }
+.#{$md-css-prefix}-repeat-one:before { content: "\e041"; }
+.#{$md-css-prefix}-replay:before { content: "\e042"; }
+.#{$md-css-prefix}-replay-10:before { content: "\e059"; }
+.#{$md-css-prefix}-replay-30:before { content: "\e05a"; }
+.#{$md-css-prefix}-replay-5:before { content: "\e05b"; }
+.#{$md-css-prefix}-reply:before { content: "\e15e"; }
+.#{$md-css-prefix}-reply-all:before { content: "\e15f"; }
+.#{$md-css-prefix}-report:before { content: "\e160"; }
+.#{$md-css-prefix}-report-problem:before { content: "\e8b2"; }
+.#{$md-css-prefix}-restaurant:before { content: "\e56c"; }
+.#{$md-css-prefix}-restaurant-menu:before { content: "\e561"; }
+.#{$md-css-prefix}-restore:before { content: "\e8b3"; }
+.#{$md-css-prefix}-restore-page:before { content: "\e929"; }
+.#{$md-css-prefix}-ring-volume:before { content: "\e0d1"; }
+.#{$md-css-prefix}-room:before { content: "\e8b4"; }
+.#{$md-css-prefix}-room-service:before { content: "\eb49"; }
+.#{$md-css-prefix}-rotate-90-degrees-ccw:before { content: "\e418"; }
+.#{$md-css-prefix}-rotate-left:before { content: "\e419"; }
+.#{$md-css-prefix}-rotate-right:before { content: "\e41a"; }
+.#{$md-css-prefix}-rounded-corner:before { content: "\e920"; }
+.#{$md-css-prefix}-router:before { content: "\e328"; }
+.#{$md-css-prefix}-rowing:before { content: "\e921"; }
+.#{$md-css-prefix}-rss-feed:before { content: "\e0e5"; }
+.#{$md-css-prefix}-rv-hookup:before { content: "\e642"; }
+.#{$md-css-prefix}-satellite:before { content: "\e562"; }
+.#{$md-css-prefix}-save:before { content: "\e161"; }
+.#{$md-css-prefix}-scanner:before { content: "\e329"; }
+.#{$md-css-prefix}-schedule:before { content: "\e8b5"; }
+.#{$md-css-prefix}-school:before { content: "\e80c"; }
+.#{$md-css-prefix}-screen-lock-landscape:before { content: "\e1be"; }
+.#{$md-css-prefix}-screen-lock-portrait:before { content: "\e1bf"; }
+.#{$md-css-prefix}-screen-lock-rotation:before { content: "\e1c0"; }
+.#{$md-css-prefix}-screen-rotation:before { content: "\e1c1"; }
+.#{$md-css-prefix}-screen-share:before { content: "\e0e2"; }
+.#{$md-css-prefix}-sd-card:before { content: "\e623"; }
+.#{$md-css-prefix}-sd-storage:before { content: "\e1c2"; }
+.#{$md-css-prefix}-search:before { content: "\e8b6"; }
+.#{$md-css-prefix}-security:before { content: "\e32a"; }
+.#{$md-css-prefix}-select-all:before { content: "\e162"; }
+.#{$md-css-prefix}-send:before { content: "\e163"; }
+.#{$md-css-prefix}-sentiment-dissatisfied:before { content: "\e811"; }
+.#{$md-css-prefix}-sentiment-neutral:before { content: "\e812"; }
+.#{$md-css-prefix}-sentiment-satisfied:before { content: "\e813"; }
+.#{$md-css-prefix}-sentiment-very-dissatisfied:before { content: "\e814"; }
+.#{$md-css-prefix}-sentiment-very-satisfied:before { content: "\e815"; }
+.#{$md-css-prefix}-settings:before { content: "\e8b8"; }
+.#{$md-css-prefix}-settings-applications:before { content: "\e8b9"; }
+.#{$md-css-prefix}-settings-backup-restore:before { content: "\e8ba"; }
+.#{$md-css-prefix}-settings-bluetooth:before { content: "\e8bb"; }
+.#{$md-css-prefix}-settings-brightness:before { content: "\e8bd"; }
+.#{$md-css-prefix}-settings-cell:before { content: "\e8bc"; }
+.#{$md-css-prefix}-settings-ethernet:before { content: "\e8be"; }
+.#{$md-css-prefix}-settings-input-antenna:before { content: "\e8bf"; }
+.#{$md-css-prefix}-settings-input-component:before { content: "\e8c0"; }
+.#{$md-css-prefix}-settings-input-composite:before { content: "\e8c1"; }
+.#{$md-css-prefix}-settings-input-hdmi:before { content: "\e8c2"; }
+.#{$md-css-prefix}-settings-input-svideo:before { content: "\e8c3"; }
+.#{$md-css-prefix}-settings-overscan:before { content: "\e8c4"; }
+.#{$md-css-prefix}-settings-phone:before { content: "\e8c5"; }
+.#{$md-css-prefix}-settings-power:before { content: "\e8c6"; }
+.#{$md-css-prefix}-settings-remote:before { content: "\e8c7"; }
+.#{$md-css-prefix}-settings-system-daydream:before { content: "\e1c3"; }
+.#{$md-css-prefix}-settings-voice:before { content: "\e8c8"; }
+.#{$md-css-prefix}-share:before { content: "\e80d"; }
+.#{$md-css-prefix}-shop:before { content: "\e8c9"; }
+.#{$md-css-prefix}-shop-two:before { content: "\e8ca"; }
+.#{$md-css-prefix}-shopping-basket:before { content: "\e8cb"; }
+.#{$md-css-prefix}-shopping-cart:before { content: "\e8cc"; }
+.#{$md-css-prefix}-short-text:before { content: "\e261"; }
+.#{$md-css-prefix}-show-chart:before { content: "\e6e1"; }
+.#{$md-css-prefix}-shuffle:before { content: "\e043"; }
+.#{$md-css-prefix}-signal-cellular-4-bar:before { content: "\e1c8"; }
+.#{$md-css-prefix}-signal-cellular-connected-no-internet-4-bar:before { content: "\e1cd"; }
+.#{$md-css-prefix}-signal-cellular-no-sim:before { content: "\e1ce"; }
+.#{$md-css-prefix}-signal-cellular-null:before { content: "\e1cf"; }
+.#{$md-css-prefix}-signal-cellular-off:before { content: "\e1d0"; }
+.#{$md-css-prefix}-signal-wifi-4-bar:before { content: "\e1d8"; }
+.#{$md-css-prefix}-signal-wifi-4-bar-lock:before { content: "\e1d9"; }
+.#{$md-css-prefix}-signal-wifi-off:before { content: "\e1da"; }
+.#{$md-css-prefix}-sim-card:before { content: "\e32b"; }
+.#{$md-css-prefix}-sim-card-alert:before { content: "\e624"; }
+.#{$md-css-prefix}-skip-next:before { content: "\e044"; }
+.#{$md-css-prefix}-skip-previous:before { content: "\e045"; }
+.#{$md-css-prefix}-slideshow:before { content: "\e41b"; }
+.#{$md-css-prefix}-slow-motion-video:before { content: "\e068"; }
+.#{$md-css-prefix}-smartphone:before { content: "\e32c"; }
+.#{$md-css-prefix}-smoke-free:before { content: "\eb4a"; }
+.#{$md-css-prefix}-smoking-rooms:before { content: "\eb4b"; }
+.#{$md-css-prefix}-sms:before { content: "\e625"; }
+.#{$md-css-prefix}-sms-failed:before { content: "\e626"; }
+.#{$md-css-prefix}-snooze:before { content: "\e046"; }
+.#{$md-css-prefix}-sort:before { content: "\e164"; }
+.#{$md-css-prefix}-sort-by-alpha:before { content: "\e053"; }
+.#{$md-css-prefix}-spa:before { content: "\eb4c"; }
+.#{$md-css-prefix}-space-bar:before { content: "\e256"; }
+.#{$md-css-prefix}-speaker:before { content: "\e32d"; }
+.#{$md-css-prefix}-speaker-group:before { content: "\e32e"; }
+.#{$md-css-prefix}-speaker-notes:before { content: "\e8cd"; }
+.#{$md-css-prefix}-speaker-notes-off:before { content: "\e92a"; }
+.#{$md-css-prefix}-speaker-phone:before { content: "\e0d2"; }
+.#{$md-css-prefix}-spellcheck:before { content: "\e8ce"; }
+.#{$md-css-prefix}-star:before { content: "\e838"; }
+.#{$md-css-prefix}-star-border:before { content: "\e83a"; }
+.#{$md-css-prefix}-star-half:before { content: "\e839"; }
+.#{$md-css-prefix}-stars:before { content: "\e8d0"; }
+.#{$md-css-prefix}-stay-current-landscape:before { content: "\e0d3"; }
+.#{$md-css-prefix}-stay-current-portrait:before { content: "\e0d4"; }
+.#{$md-css-prefix}-stay-primary-landscape:before { content: "\e0d5"; }
+.#{$md-css-prefix}-stay-primary-portrait:before { content: "\e0d6"; }
+.#{$md-css-prefix}-stop:before { content: "\e047"; }
+.#{$md-css-prefix}-stop-screen-share:before { content: "\e0e3"; }
+.#{$md-css-prefix}-storage:before { content: "\e1db"; }
+.#{$md-css-prefix}-store:before { content: "\e8d1"; }
+.#{$md-css-prefix}-store-mall-directory:before { content: "\e563"; }
+.#{$md-css-prefix}-straighten:before { content: "\e41c"; }
+.#{$md-css-prefix}-streetview:before { content: "\e56e"; }
+.#{$md-css-prefix}-strikethrough-s:before { content: "\e257"; }
+.#{$md-css-prefix}-style:before { content: "\e41d"; }
+.#{$md-css-prefix}-subdirectory-arrow-left:before { content: "\e5d9"; }
+.#{$md-css-prefix}-subdirectory-arrow-right:before { content: "\e5da"; }
+.#{$md-css-prefix}-subject:before { content: "\e8d2"; }
+.#{$md-css-prefix}-subscriptions:before { content: "\e064"; }
+.#{$md-css-prefix}-subtitles:before { content: "\e048"; }
+.#{$md-css-prefix}-subway:before { content: "\e56f"; }
+.#{$md-css-prefix}-supervisor-account:before { content: "\e8d3"; }
+.#{$md-css-prefix}-surround-sound:before { content: "\e049"; }
+.#{$md-css-prefix}-swap-calls:before { content: "\e0d7"; }
+.#{$md-css-prefix}-swap-horiz:before { content: "\e8d4"; }
+.#{$md-css-prefix}-swap-vert:before { content: "\e8d5"; }
+.#{$md-css-prefix}-swap-vertical-circle:before { content: "\e8d6"; }
+.#{$md-css-prefix}-switch-camera:before { content: "\e41e"; }
+.#{$md-css-prefix}-switch-video:before { content: "\e41f"; }
+.#{$md-css-prefix}-sync:before { content: "\e627"; }
+.#{$md-css-prefix}-sync-disabled:before { content: "\e628"; }
+.#{$md-css-prefix}-sync-problem:before { content: "\e629"; }
+.#{$md-css-prefix}-system-update:before { content: "\e62a"; }
+.#{$md-css-prefix}-system-update-alt:before { content: "\e8d7"; }
+.#{$md-css-prefix}-tab:before { content: "\e8d8"; }
+.#{$md-css-prefix}-tab-unselected:before { content: "\e8d9"; }
+.#{$md-css-prefix}-tablet:before { content: "\e32f"; }
+.#{$md-css-prefix}-tablet-android:before { content: "\e330"; }
+.#{$md-css-prefix}-tablet-mac:before { content: "\e331"; }
+.#{$md-css-prefix}-tag-faces:before { content: "\e420"; }
+.#{$md-css-prefix}-tap-and-play:before { content: "\e62b"; }
+.#{$md-css-prefix}-terrain:before { content: "\e564"; }
+.#{$md-css-prefix}-text-fields:before { content: "\e262"; }
+.#{$md-css-prefix}-text-format:before { content: "\e165"; }
+.#{$md-css-prefix}-textsms:before { content: "\e0d8"; }
+.#{$md-css-prefix}-texture:before { content: "\e421"; }
+.#{$md-css-prefix}-theaters:before { content: "\e8da"; }
+.#{$md-css-prefix}-thumb-down:before { content: "\e8db"; }
+.#{$md-css-prefix}-thumb-up:before { content: "\e8dc"; }
+.#{$md-css-prefix}-thumbs-up-down:before { content: "\e8dd"; }
+.#{$md-css-prefix}-time-to-leave:before { content: "\e62c"; }
+.#{$md-css-prefix}-timelapse:before { content: "\e422"; }
+.#{$md-css-prefix}-timeline:before { content: "\e922"; }
+.#{$md-css-prefix}-timer:before { content: "\e425"; }
+.#{$md-css-prefix}-timer-10:before { content: "\e423"; }
+.#{$md-css-prefix}-timer-3:before { content: "\e424"; }
+.#{$md-css-prefix}-timer-off:before { content: "\e426"; }
+.#{$md-css-prefix}-title:before { content: "\e264"; }
+.#{$md-css-prefix}-toc:before { content: "\e8de"; }
+.#{$md-css-prefix}-today:before { content: "\e8df"; }
+.#{$md-css-prefix}-toll:before { content: "\e8e0"; }
+.#{$md-css-prefix}-tonality:before { content: "\e427"; }
+.#{$md-css-prefix}-touch-app:before { content: "\e913"; }
+.#{$md-css-prefix}-toys:before { content: "\e332"; }
+.#{$md-css-prefix}-track-changes:before { content: "\e8e1"; }
+.#{$md-css-prefix}-traffic:before { content: "\e565"; }
+.#{$md-css-prefix}-train:before { content: "\e570"; }
+.#{$md-css-prefix}-tram:before { content: "\e571"; }
+.#{$md-css-prefix}-transfer-within-a-station:before { content: "\e572"; }
+.#{$md-css-prefix}-transform:before { content: "\e428"; }
+.#{$md-css-prefix}-translate:before { content: "\e8e2"; }
+.#{$md-css-prefix}-trending-down:before { content: "\e8e3"; }
+.#{$md-css-prefix}-trending-flat:before { content: "\e8e4"; }
+.#{$md-css-prefix}-trending-up:before { content: "\e8e5"; }
+.#{$md-css-prefix}-tune:before { content: "\e429"; }
+.#{$md-css-prefix}-turned-in:before { content: "\e8e6"; }
+.#{$md-css-prefix}-turned-in-not:before { content: "\e8e7"; }
+.#{$md-css-prefix}-tv:before { content: "\e333"; }
+.#{$md-css-prefix}-unarchive:before { content: "\e169"; }
+.#{$md-css-prefix}-undo:before { content: "\e166"; }
+.#{$md-css-prefix}-unfold-less:before { content: "\e5d6"; }
+.#{$md-css-prefix}-unfold-more:before { content: "\e5d7"; }
+.#{$md-css-prefix}-update:before { content: "\e923"; }
+.#{$md-css-prefix}-usb:before { content: "\e1e0"; }
+.#{$md-css-prefix}-verified-user:before { content: "\e8e8"; }
+.#{$md-css-prefix}-vertical-align-bottom:before { content: "\e258"; }
+.#{$md-css-prefix}-vertical-align-center:before { content: "\e259"; }
+.#{$md-css-prefix}-vertical-align-top:before { content: "\e25a"; }
+.#{$md-css-prefix}-vibration:before { content: "\e62d"; }
+.#{$md-css-prefix}-video-call:before { content: "\e070"; }
+.#{$md-css-prefix}-video-label:before { content: "\e071"; }
+.#{$md-css-prefix}-video-library:before { content: "\e04a"; }
+.#{$md-css-prefix}-videocam:before { content: "\e04b"; }
+.#{$md-css-prefix}-videocam-off:before { content: "\e04c"; }
+.#{$md-css-prefix}-videogame-asset:before { content: "\e338"; }
+.#{$md-css-prefix}-view-agenda:before { content: "\e8e9"; }
+.#{$md-css-prefix}-view-array:before { content: "\e8ea"; }
+.#{$md-css-prefix}-view-carousel:before { content: "\e8eb"; }
+.#{$md-css-prefix}-view-column:before { content: "\e8ec"; }
+.#{$md-css-prefix}-view-comfy:before { content: "\e42a"; }
+.#{$md-css-prefix}-view-compact:before { content: "\e42b"; }
+.#{$md-css-prefix}-view-day:before { content: "\e8ed"; }
+.#{$md-css-prefix}-view-headline:before { content: "\e8ee"; }
+.#{$md-css-prefix}-view-list:before { content: "\e8ef"; }
+.#{$md-css-prefix}-view-module:before { content: "\e8f0"; }
+.#{$md-css-prefix}-view-quilt:before { content: "\e8f1"; }
+.#{$md-css-prefix}-view-stream:before { content: "\e8f2"; }
+.#{$md-css-prefix}-view-week:before { content: "\e8f3"; }
+.#{$md-css-prefix}-vignette:before { content: "\e435"; }
+.#{$md-css-prefix}-visibility:before { content: "\e8f4"; }
+.#{$md-css-prefix}-visibility-off:before { content: "\e8f5"; }
+.#{$md-css-prefix}-voice-chat:before { content: "\e62e"; }
+.#{$md-css-prefix}-voicemail:before { content: "\e0d9"; }
+.#{$md-css-prefix}-volume-down:before { content: "\e04d"; }
+.#{$md-css-prefix}-volume-mute:before { content: "\e04e"; }
+.#{$md-css-prefix}-volume-off:before { content: "\e04f"; }
+.#{$md-css-prefix}-volume-up:before { content: "\e050"; }
+.#{$md-css-prefix}-vpn-key:before { content: "\e0da"; }
+.#{$md-css-prefix}-vpn-lock:before { content: "\e62f"; }
+.#{$md-css-prefix}-wallpaper:before { content: "\e1bc"; }
+.#{$md-css-prefix}-warning:before { content: "\e002"; }
+.#{$md-css-prefix}-watch:before { content: "\e334"; }
+.#{$md-css-prefix}-watch-later:before { content: "\e924"; }
+.#{$md-css-prefix}-wb-auto:before { content: "\e42c"; }
+.#{$md-css-prefix}-wb-cloudy:before { content: "\e42d"; }
+.#{$md-css-prefix}-wb-incandescent:before { content: "\e42e"; }
+.#{$md-css-prefix}-wb-iridescent:before { content: "\e436"; }
+.#{$md-css-prefix}-wb-sunny:before { content: "\e430"; }
+.#{$md-css-prefix}-wc:before { content: "\e63d"; }
+.#{$md-css-prefix}-web:before { content: "\e051"; }
+.#{$md-css-prefix}-web-asset:before { content: "\e069"; }
+.#{$md-css-prefix}-weekend:before { content: "\e16b"; }
+.#{$md-css-prefix}-whatshot:before { content: "\e80e"; }
+.#{$md-css-prefix}-widgets:before { content: "\e1bd"; }
+.#{$md-css-prefix}-wifi:before { content: "\e63e"; }
+.#{$md-css-prefix}-wifi-lock:before { content: "\e1e1"; }
+.#{$md-css-prefix}-wifi-tethering:before { content: "\e1e2"; }
+.#{$md-css-prefix}-work:before { content: "\e8f9"; }
+.#{$md-css-prefix}-wrap-text:before { content: "\e25b"; }
+.#{$md-css-prefix}-youtube-searched-for:before { content: "\e8fa"; }
+.#{$md-css-prefix}-zoom-in:before { content: "\e8ff"; }
+.#{$md-css-prefix}-zoom-out:before { content: "\e900"; }
+.#{$md-css-prefix}-zoom-out-map:before { content: "\e56b"; }
@@ -0,0 +1,15 @@
+@import "variables";
+
+// Icon Sizes
+// -------------------------
+
+/* makes the font 33% larger relative to the icon container */
+.#{$md-css-prefix}-lg, .#{$md-css-prefix}-size-lg {
+  font-size: (4em / 3);
+  line-height: (3em / 4);
+  vertical-align: -15%;
+}
+.#{$md-css-prefix}-2x, .#{$md-css-prefix}-size-2x { font-size: 2em; }
+.#{$md-css-prefix}-3x, .#{$md-css-prefix}-size-3x { font-size: 3em; }
+.#{$md-css-prefix}-4x, .#{$md-css-prefix}-size-4x { font-size: 4em; }
+.#{$md-css-prefix}-5x, .#{$md-css-prefix}-size-5x { font-size: 5em; }
@@ -0,0 +1,21 @@
+@import "variables";
+
+// List Icons
+// -------------------------
+
+.#{$md-css-prefix}-ul {
+  padding-left: 0;
+  margin-left: $md-li-width;
+  list-style-type: none;
+  > li { position: relative; }
+}
+.#{$md-css-prefix}-li {
+  position: absolute;
+  left: -$md-li-width;
+  width: $md-li-width;
+  top: (2em / 14);
+  text-align: center;
+  &.#{$md-css-prefix}-lg {
+    left: -$md-li-width + (4em / 14);
+  }
+}
@@ -0,0 +1,16 @@
+// Mixins
+// --------------------------
+
+@mixin md-icon-rotate($degrees, $rotation) {
+  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
+  -webkit-transform: rotate($degrees);
+      -ms-transform: rotate($degrees);
+          transform: rotate($degrees);
+}
+
+@mixin md-icon-flip($horiz, $vert, $rotation) {
+  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
+  -webkit-transform: scale($horiz, $vert);
+      -ms-transform: scale($horiz, $vert);
+          transform: scale($horiz, $vert);
+}
@@ -0,0 +1,18 @@
+@import "variables";
+
+/* FONT PATH
+ * -------------------------- */
+
+@font-face {
+    font-family: $md-font-family;
+    font-style: normal;
+    font-weight: 400;
+    src: url('#{$md-font-path}/MaterialIcons-Regular.eot?v=#{$md-version}');
+    src: url('#{$md-font-path}/MaterialIcons-Regular.eot?v=#{$md-version}#iefix') format('embedded-opentype'),
+         //local('Material Icons'),
+         //local('MaterialIcons-Regular'),
+         url('#{$md-font-path}/MaterialIcons-Regular.woff2?v=#{$md-version}') format('woff2'),
+         url('#{$md-font-path}/MaterialIcons-Regular.woff?v=#{$md-version}') format('woff'),
+         url('#{$md-font-path}/MaterialIcons-Regular.ttf?v=#{$md-version}') format('truetype'),
+         url('#{$md-font-path}/MaterialIcons-Regular.svg?v=#{$md-version}#materialiconsregular') format('svg');
+}
@@ -0,0 +1,22 @@
+@import "variables";
+
+// Rotated & Flipped Icons
+// -------------------------
+
+.#{$md-css-prefix}-rotate-90  { @include md-icon-rotate(90deg, 1);  }
+.#{$md-css-prefix}-rotate-180 { @include md-icon-rotate(180deg, 2); }
+.#{$md-css-prefix}-rotate-270 { @include md-icon-rotate(270deg, 3); }
+
+.#{$md-css-prefix}-flip-horizontal { @include md-icon-flip(-1, 1, 0); }
+.#{$md-css-prefix}-flip-vertical   { @include md-icon-flip(1, -1, 2); }
+
+// Hook for IE8-9
+// -------------------------
+
+:root .#{$md-css-prefix}-rotate-90,
+:root .#{$md-css-prefix}-rotate-180,
+:root .#{$md-css-prefix}-rotate-270,
+:root .#{$md-css-prefix}-flip-horizontal,
+:root .#{$md-css-prefix}-flip-vertical {
+  filter: none;
+}
@@ -0,0 +1,22 @@
+@import "variables";
+
+// Stacked Icons
+// -------------------------
+
+.#{$md-css-prefix}-stack {
+  position: relative;
+  display: inline-block;
+  width: 2em;
+  height: 2em;
+  line-height: 2em;
+  vertical-align: middle;
+}
+.#{$md-css-prefix}-stack-1x, .#{$md-css-prefix}-stack-2x {
+  position: absolute;
+  left: 0;
+  width: 100%;
+  text-align: center;
+}
+.#{$md-css-prefix}-stack-1x { line-height: inherit; }
+.#{$md-css-prefix}-stack-2x { font-size: 2em; }
+.#{$md-css-prefix}-inverse { color: $md-inverse; }
@@ -0,0 +1,11 @@
+// Variables
+// --------------------------
+
+$md-font-family:      "Material Design Icons" !default;
+$md-font-path:        "../fonts" !default;
+$md-font-size-base:   14px !default;
+$md-css-prefix:       mdi !default;
+$md-border-color:     #eee !default;
+$md-inverse:          #fff !default;
+$md-li-width:         (30em / 14) !default;
+$md-version:          "2.2.1" !default;
@@ -0,0 +1,12 @@
+@import "variables";
+@import "mixins";
+@import "path";
+@import "core";
+@import "larger";
+@import "fixed-width";
+@import "list";
+@import "bordered-pulled";
+@import "animated";
+@import "rotated-flipped";
+@import "stacked";
+@import "icons";