updated modules and added normalize

Author: sageworksstudio

gulpfile.js

@@ -2,7 +2,7 @@
  * - - - - - - - - - - EDIT YOUR PATHS
  * - - - - - - - - - - - - - - - - - -
  */
-let paths = {
+const paths = {
         styles: {
             watch   : 'src/scss/**/*.scss',
             dest    : 'dest/css/'
@@ -40,19 +40,20 @@ let paths = {
  * - - - - - - - - - - - - - - - - - - - - -
  */
 
-let prefix      = require ('gulp-autoprefixer'),
-    beeper      = require ('beeper'),
-    browserSync = require ('browser-sync').create (),
-    changed     = require ('gulp-changed'),
-    colors      = require ('ansi-colors'),
-    gulp        = require ('gulp'),
-    log         = require ('fancy-log'),
-    njkRend     = require ('gulp-nunjucks-render'),
-    plumber     = require ('gulp-plumber'),
-    reload      = browserSync.reload ,
-    sass        = require ('gulp-sass'),
-    sourcemaps  = require ('gulp-sourcemaps'),
-    uglify      = require ('gulp-uglify');
+const prefix      = require('gulp-autoprefixer');
+const beeper      = require('beeper');
+const browserSync = require('browser-sync').create ();
+const changed     = require('gulp-changed');
+const colors      = require('ansi-colors');
+const gulp        = require('gulp');
+const log         = require('fancy-log');
+const njkRend     = require('gulp-nunjucks-render');
+const normal      = require('node-normalize-scss');
+const plumber     = require('gulp-plumber');
+const reload      = browserSync.reload;
+const sass        = require('gulp-sass');
+const sourcemaps  = require('gulp-sourcemaps');
+const uglify      = require('gulp-uglify');
 
 
 
@@ -89,7 +90,10 @@ function style(env) {
     if (env !== true) {
         return gulp.src(paths.styles.watch)
         .pipe(sourcemaps.init())
-        .pipe(sass({'outputStyle':'expanded'}))
+        .pipe(sass({
+            includePaths: normal.includePaths,
+            outputStyle: 'expanded'
+        }))
         .pipe(plumber({
               errorHandler : onError
           }))
@@ -103,7 +107,10 @@ function style(env) {
     } else {
         return gulp.src(paths.styles.watch)
         .pipe(sourcemaps.init())
-        .pipe(sass({'outputStyle':'compressed'}))
+        .pipe(sass({
+            includePaths: normal.includePaths,
+            outputStyle: 'compressed'
+        }))
         .pipe(sourcemaps.write('./')) //maps are set relative to source
         .pipe(gulp.dest(paths.styles.dest));
     }
@@ -189,4 +196,5 @@ gulp.task('default', function() {
     image();
     server();
     watch();
+    beeper();
 });

package.json

@@ -1,6 +1,6 @@
 {
     "name": "StreamBuilder",
-    "version": "1.0.0",
+    "version": "2.0.1",
     "description": "Streaming, front-end build environment for automating mundane tasks.",
     "keywords": [
         "gulp",
@@ -25,19 +25,20 @@
     },
     "license": "MIT",
     "devDependencies": {
-        "beeper": "1.1.1",
-        "browser-sync": "2.26.3",
-        "ansi-colors": "3.1.0",
-        "fancy-log": "1.3.2",
-        "fs-extra": "7.0.0",
-        "gulp": "4.0.0",
-        "gulp-autoprefixer": "6.0.0",
+        "beeper": "2.0.0",
+        "browser-sync": "2.26.4",
+        "ansi-colors": "3.2.4",
+        "fancy-log": "1.3.3",
+        "fs-extra": "7.0.1",
+        "gulp": "4.0.1",
+        "gulp-autoprefixer": "6.1.0",
         "gulp-changed": "3.2.0",
         "gulp-data": "1.3.1",
-        "gulp-nunjucks-render": "2.2.2",
-        "gulp-plumber": "1.2.0",
+        "gulp-nunjucks-render": "2.2.3",
+        "gulp-plumber": "1.2.1",
         "gulp-sass": "4.0.2",
-        "gulp-sourcemaps": "2.6.4",
-        "gulp-uglify": "3.0.1"
+        "gulp-sourcemaps": "2.6.5",
+        "gulp-uglify": "3.0.2",
+        "node-normalize-scss": "8.0.0"
     }
 }

src/scss/_settings.scss

@@ -1,3 +1,5 @@
+@import "normalize";
+
 @import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400');
 
 $rem-base           : 16px;     // Default font rem size