Sass build is now one gulp task

- weee

gulpfile.js

@@ -14,7 +14,25 @@
 */
 // Gulp Imports
 var gulp = require('gulp');
+var sass = require('gulp-sass');
+var sourcemaps = require('gulp-sourcemaps');
+var postcss = require('gulp-postcss');
+var autoprefixer = require('autoprefixer');
+var uglifycss = require('gulp-uglifycss');
+var rename = require("gulp-rename");
 
-gulp.task('default', () => {
-  // place code for your default task here
+gulp.task('sass', function () {
+ return gulp.src('./masonstrap/**/*.scss')
+  .pipe(sourcemaps.init())
+  .pipe(sass().on('error', sass.logError))
+  .pipe(postcss([autoprefixer()]))
+  .pipe(sourcemaps.write())
+  .pipe(gulp.dest('./public/assets/css/'))
+  .pipe(uglifycss())
+  .pipe(rename({extname: ".min.css"}))
+  .pipe(gulp.dest('./public/assets/css/'));
+});
+
+gulp.task('sass:watch', function () {
+  gulp.watch('./masonstrap/**/*.scss', ['sass']);
 });

package.json

@@ -6,8 +6,15 @@
   "author": "Mason SRCT",
   "license": "MIT",
   "dependencies": {
+    "autoprefixer": "^7.1.4",
     "bootstrap": "4.0.0-beta",
     "font-awesome": "^4.7.0",
+    "gulp-postcss": "^7.0.0",
+    "gulp-rename": "^1.2.2",
+    "gulp-sass": "^3.1.0",
+    "gulp-sourcemaps": "^2.6.1",
+    "gulp-uglify": "^3.0.0",
+    "gulp-uglifycss": "^1.0.8",
     "jquery": "^3.2.1",
     "popper.js": "^1.11.1"
   },