removed imported sass and moved it to NPM import

gulpfile.js

@@ -9,7 +9,7 @@ var watch = require('gulp-watch');
 
 gulp.task('sass', function() {
     return gulp.src("./sass/index.scss")
-        .pipe(sass().on('error', sass.logError))
+        .pipe(sass({includePaths: ["./node_modules/materialize-css/sass"]}).on('error', sass.logError))
         .pipe(autoprefixer({
             browsers: ['last 3 versions'],
             cascade: false
@@ -19,6 +19,18 @@ gulp.task('sass', function() {
         .pipe(gulp.dest('./dist'))
         .pipe(browserSync.stream());
 });
+gulp.task('sass:minify', function(){
+    return gulp.src("./sass/index.scss")
+        .pipe(sass({includePaths: ["./node_modules/materialize-css/sass"], outputStyle: "compressed"}).on('error', sass.logError))
+        .pipe(autoprefixer({
+            browsers: ['last 3 versions'],
+            cascade: false
+        }))
+        .pipe(rename('smart-app-banner.min.css'))
+        .pipe(gulp.dest('./dist'))
+        .pipe(browserSync.stream());
+});
+gulp.task('build:prod', ['sass:minify', 'sass']);
 gulp.task('watch:sass', function() {
     gulp.watch("./resources/sass/**/*.scss", ['sass']);
 });

package.json

@@ -4,7 +4,7 @@
   "description": "Smart banner for Android or iOS",
   "main": "index.js",
   "scripts": {
-    "build": "browserify index.js -s SmartBanner | ccjs - > dist/smart-app-banner.js | gulp sass",
+    "build": "browserify index.js -s SmartBanner | ccjs - > dist/smart-app-banner.js | gulp build:prod",
     "test": "gulp serve",
     "lint": "eslint index.js"
   },
@@ -54,6 +54,7 @@
     "gulp-autoprefixer": "^6.0.0",
     "gulp-notify": "^3.2.0",
     "gulp-sass": "^4.0.2",
-    "gulp-sourcemaps": "^2.6.4"
+    "gulp-sourcemaps": "^2.6.4",
+    "materialize-css": "^1.0.0-rc.2"
   }
 }