diff --git a/gulpfile.js b/gulpfile.js index 08435e60..e1276433 100644 --- a/gulpfile.js +++ b/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')); diff --git a/package.json b/package.json index c9674f31..ad301e21 100644 --- a/package.json +++ b/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", diff --git a/scss/helpers/_breakpoints.scss b/scss/helpers/_breakpoints.scss index 36300d7f..87cddc83 100644 --- a/scss/helpers/_breakpoints.scss +++ b/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)}"'; }