From 37ebc65fb5cebe885c7fc2780fc275fbc5ee4d8a Mon Sep 17 00:00:00 2001 From: Jesse Shawl Date: Tue, 2 Dec 2014 19:12:52 -0500 Subject: [PATCH] Output two css files --- css/lemonade.min.css | 1 + gulpfile.js | 9 ++++++++- package.json | 4 +++- 3 files changed, 12 insertions(+), 2 deletions(-) create mode 100644 css/lemonade.min.css diff --git a/css/lemonade.min.css b/css/lemonade.min.css new file mode 100644 index 0000000..02a5e92 --- /dev/null +++ b/css/lemonade.min.css @@ -0,0 +1 @@ +*{margin:0;padding:0;box-sizing:border-box}.frame{margin:0 auto;max-width:100%}.frame:after{content:"";display:table;clear:both}[class*=bit-]{float:left;padding:.3em}.bit-1{width:100%}.bit-2{width:50%}.bit-3{width:33.33333%}.bit-4{width:25%}.bit-5{width:20%}.bit-6{width:16.66667%}.bit-7{width:14.28571%}.bit-8{width:12.5%}.bit-9{width:11.11111%}.bit-10{width:10%}.bit-11{width:9.09091%}.bit-12{width:8.33333%}.bit-25{width:25%}.bit-40{width:40%}.bit-60{width:60%}.bit-75{width:75%}@media (max-width:30em){.bit-1,.bit-10,.bit-11,.bit-12,.bit-2,.bit-3,.bit-4,.bit-5,.bit-6,.bit-7,.bit-8,.bit-9{width:100%}}@media (min-width:30em) and (max-width:50em){.bit-10,.bit-12,.bit-4,.bit-6,.bit-8{width:50%}.bit-1,.bit-11,.bit-2,.bit-3,.bit-5,.bit-7,.bit-9{width:100%}}@media (min-width:50em) and (max-width:68.75em){.bit-2,.bit-7{width:100%}.bit-10,.bit-12,.bit-4,.bit-8{width:50%}}.box{background:#FCD920;font-family:Futura,sans-serif;font-size:14px;text-align:center;padding:20px 0}.box--new{background:#87D37C} \ No newline at end of file diff --git a/gulpfile.js b/gulpfile.js index cea3617..6dd2e5d 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -3,13 +3,20 @@ var gulp = require('gulp'); var sass = require('gulp-sass'); var browserSync = require('browser-sync'); var prefix = require('gulp-autoprefixer'); +var rename = require('gulp-rename'); +var minifyCSS = require('gulp-minify-css'); // create sass tasks gulp.task('sass', function () { gulp.src('scss/**/*.scss') - .pipe(sass({outputStyle: 'compact', includePaths: ['scss']})) + .pipe(sass({outputStyle: 'expanded', includePaths: ['scss']})) .pipe(prefix("last 2 versions", "> 1%", "ie 8", "Android 2", "Firefox ESR")) .pipe(gulp.dest('css')) + .pipe(minifyCSS()) + .pipe(rename({ + suffix: '.min' + })) + .pipe(gulp.dest('css')); }); // create browser sync task diff --git a/package.json b/package.json index 9ac9cc5..70df455 100644 --- a/package.json +++ b/package.json @@ -10,7 +10,9 @@ "devDependencies": { "gulp": "^3.8.8", "browser-sync": "^1.5.2", - "gulp-autoprefixer": "^1.0.1" + "gulp-autoprefixer": "^1.0.1", + "gulp-minify-css": "^0.3.11", + "gulp-rename": "^1.2.0" }, "scripts": { "test": "echo \"Error: no test specified\" && exit 1"