gulp.task("sass", function () {
  return gulp.src("./app/style.sass")
    .pipe(sass({
      includePaths: ['node_modules/foundation-sites/scss']
    }).on('error', sass.logError))
    .pipe(gulp.dest("./public/"));
});

gulp.task("css", function () {
  gulp.src("./public/style.css")
    .pipe(connect.reload());
});

gulp.task("jade", function() {
    return gulp.src("./app/index.jade")
        .pipe(jade())
        .pipe(gulp.dest("./public/"));
});

gulp.task("html", function () {
  gulp.src("./public/index.html")
    .pipe(connect.reload());
});

var gulp = require("gulp");
var sass = require("gulp-sass");
var jade = require("gulp-jade");
var connect = require('gulp-connect');

gulp.task("images", function () {
  gulp.src("./app/images/*")
    .pipe(gulp.dest("./public/images/"));
});

gulp.task("connect", function() {
  connect.server({
    root: "public",
    livereload: true
  });
});

$ gulp

gulp.task("sass", function () {
  return gulp.src("./app/style.sass")
    // Adding includePaths param to gain access to foundation styles
    .pipe(sass({
      includePaths: ['node_modules/foundation-sites/scss']
    }).on('error', sass.logError))
    .pipe(gulp.dest("./public/"));
});

// Our custom config for foundation
@import "config"

// Importing foundation
@import "foundation"

// Adding every possible element of 
// foundation with a mixin
+foundation-everything

node_modules/foundation-sites/scss/settings/_settings.scss

// _config.sass

$global-radius: 10px
$global-width: rem-calc(1200)
$body-background: red

// Example usage
@import url(https://fonts.googleapis.com/css?family=Roboto);

html {
  font-family: 'Roboto', sans-serif;
}