Feature/css condense

gulpfile.js

@@ -159,6 +159,10 @@ gulp.task('css', ['sass'], function() {
   ];
   return gulp.src(dirs)
     .pipe($.concat('app.css'))
+    .pipe($.cssCondense({
+      compress: false,
+      lineBreaks: true
+    }))
     .pipe(gulp.dest('build/assets/css'))
   ;
 });
@@ -311,6 +315,7 @@ gulp.task('deploy:dist', function(cb) {
     .pipe($.rename('foundation-apps.css'))
     .pipe(gulp.dest('./dist/css'))
     .pipe($.minifyCss())
+    .pipe($.cssCondense())
     .pipe($.rename('foundation-apps.min.css'))
     .pipe(gulp.dest('./dist/css'));
 

package.json

@@ -28,6 +28,7 @@
     "front-matter": "^0.2.0",
     "gulp": "^3.8.8",
     "gulp-autoprefixer": "^1.0.1",
+    "gulp-css-condense": "~1.1.1",
     "gulp-concat": "^2.4.1",
     "gulp-connect": "^2.0.6",
     "gulp-filter": "^2.0.0",

scss/helpers/_breakpoints.scss

@@ -150,5 +150,9 @@ meta.foundation-version {
   font-family: "#{$foundation-version}";
 }
 meta.foundation-mq {
-  font-family: "#{map-serialize($breakpoints)}";
+  // Uses two sets of quotations in order to keep the double quotes for
+  // that would otherwise get stripped out by css-condense.
+  // Without double quotes, the foundation.mediaqueries.js functionality
+  // would break.
+  font-family: '"#{map-serialize($breakpoints)}"';
 }