Merge pull request #312 from edx/clrux/updating-modernizr-edx-icons

Updating Modernizr; adding FontAwesome to icon init

Author: clrux

gulp/tasks/build-development.js

@@ -9,6 +9,7 @@
             'clean',
             'fonts',
             'images',
+            'modernizr',
             ['scripts', 'pldoc_scripts', 'demo_scripts'],
             ['styles', 'pldoc_styles', 'demo_styles'],
             'webpack',

gulp/tasks/modernizr.js

@@ -0,0 +1,11 @@
+var gulp            = require('gulp'),
+    browserSync     = require('browser-sync'),
+    config          = require('../config'),
+    uglify          = require('gulp-uglify'),
+    modernizr       = require('gulp-modernizr');
+
+gulp.task('modernizr', ['scripts-lint'], function() {
+    gulp.src('*.js')
+        .pipe(modernizr('modernizr-custom.js'))
+        .pipe(gulp.dest(config.scripts.src));
+});

modernizr-config.json

@@ -0,0 +1,10 @@
+{
+  "minify": false,
+  "options": [
+    "setClasses"
+  ],
+  "feature-detects": [
+    "test/css/fontface",
+    "test/css/generatedcontent"
+  ]
+}

package.json

@@ -41,6 +41,7 @@
     "gulp-filter": "*",
     "gulp-imagemin": "*",
     "gulp-minify-css": "*",
+    "gulp-modernizr": "*",
     "gulp-notify": "*",
     "gulp-rename": "*",
     "gulp-sass": "*",
@@ -52,6 +53,7 @@
     "lodash": "*",
     "merge-stream": "*",
     "minimist": "*",
+    "modernizr": "*",
     "require-dir": "*",
     "run-sequence": "*",
     "text-loader": "*",

pattern-library/js/edx-icons.js

@@ -1,9 +1,13 @@
-define(['afontgarde'],
-    function() {
-        'use strict';
+define(['afontgarde'], function() {
+    'use strict';
 
-        window.AFontGarde('edx-icons', {
-            // Check a few random icons to see if our font loads
-            glyphs: '\uE621\uE622\uE623'
-        });
+    // Old icon fonts, currently used in the platform.
+    window.AFontGarde('FontAwesome', {
+        glyphs: ''
     });
+
+    // New icon fonts for UXPL to eventually replace FontAwesome.
+    window.AFontGarde('edx-icons', {
+        glyphs: '\uE621\uE622\uE623'
+    });
+});