Fix symbol HTML generation bug

_gulp/tasks/minifyCss.js

@@ -1,11 +1,12 @@
 var gulp      = require('gulp'),
     config    = require('../config').production,
     minifyCSS = require('gulp-minify-css'),
-    size      = require('gulp-filesize')
+    size      = require('gulp-filesize'),
     combineMQ = require('gulp-combine-mq');
 
 gulp.task('minifyCss', ['sass'], function() {
   return gulp.src(config.cssSrc)
+    .pipe(combineMQ())
     .pipe(minifyCSS({advanced:false}))
     .pipe(gulp.dest(config.cssDest))
     .pipe(size());

_gulp/tasks/watch.js

@@ -1,7 +1,7 @@
 var gulp       = require('gulp'),
     watch      = require('../util/watch'),
     config     = require('../config'),
-    gulpStart  = require('../util/gulpstart')
+    gulpStart  = require('../util/gulpstart'),
     livereload = require('gulp-livereload');
 
 gulp.task('watch', ['watchify'], function () {
@@ -18,7 +18,7 @@ gulp.task('watch', ['watchify'], function () {
       when: 'symbols/*.+(svg)',
       then: gulpStart('symbols')
     }, {
-      when: 'images/**/*.+(png|jpg|svg|gif)',
+      when: 'images/**/*.+(png|jpg|jpeg|svg|gif)',
       then: gulpStart('images')
     }, {
       when: 'sprites/**/*.+(png)',

_src/sass/helpers/_symbols.scss

@@ -48,10 +48,10 @@
 @mixin symbols($symbol: false) {
   @extend %symbols;
 
-  @if $symbol == "symbol-test" {
+  @if $symbol == "symbol-icon" {
     content: '\E001';
   }
 }
 
 // Individual CSS styles for when you call by the class name in markup.
-.s-symbol-test:before { content: "\E001" }
+.s-symbol-icon:before { content: "\E001" }