From b49ecd3d8f3983a25ccd1fb56b4f0e4bc9cb22ab Mon Sep 17 00:00:00 2001 From: Rafael Medina Date: Thu, 9 Jun 2016 15:48:19 -0400 Subject: [PATCH] Build options To Update collapseWhitespace and minify options on build. --- docs/pages/zurb-stack.md | 1 + 1 file changed, 1 insertion(+) diff --git a/docs/pages/zurb-stack.md b/docs/pages/zurb-stack.md index 43240f5b..04a11f34 100644 --- a/docs/pages/zurb-stack.md +++ b/docs/pages/zurb-stack.md @@ -8,6 +8,7 @@ Email and web development can get complicated fast. We’ve introduced the ZURB - **Gulp.** This is our task runner of choice for Foundation. Gulp lets us queue up tasks to execute. This let’s us do cool things like inlining automagically updating your browser. It’s what the Stack is built on. [Find out more about Gulp](http://gulpjs.com/). - **Sass.** We use Libsass as our CSS preprocessor of choice. If you’re not familiar with Sass, it lets you use variables, nesting, and mixins (to name a few). [Learn more about Sass](http://sass-lang.com/). - **Inlining.** One of the biggest headaches and time-sucks used to be inlining your HTML email. Well, no more! We’re using gulp-inline to to scan your CSS file and and automatically inject your CSS when you’re ready. Just run `npm run build` in your project when you’re ready to inline. +- **Build Options.** By default the inliner works without removing whitespaces and inlining for you, you have to change your settings in the inliner function (`function inliner(css)`) on your gulpfile.babel.js which is the root of your project. To change these settings go and update this part of the function as you wish: ``` .pipe($.htmlmin, { collapseWhitespace: true, minifyCSS: true }); ```. - **Panini.** This is our flat file generator for Foundation. Just like it’s real-world counterpart, it takes a set of ingredients and flattens them into one delicious item. This lets you separate things like the header and footer content into partials, letting you focus on your code when you’re building. It’s built off of Handlebars, which let’s you keep things super organized with partial files and repeatable sections. Checkout our [Panini Repo](https://github.com/zurb/panini). - **BrowserSync.** BrowserSync is awesome. It’s the specific tool in our ZURB Stack that let’s you see your code changes in the browser in real-time. Just save your code and watch the magic happen in your browser. [Learn more about BrowserSync](https://www.browsersync.io/). - **Image Compression.** Finally, we’ve added gulp-imagemin which intelligently reduces the file-size of your png, jpeg, gif, and svg images. This lets your emails load at lightning speeds! [Check out the gulp-imagemin repo](https://github.com/sindresorhus/gulp-imagemin). -- 2.47.2