Merge pull request #12 from raphaelfabeni/separate-files

Create separate build files for each loader

Author: raphaelfabeni

dist/css-loader.css

@@ -2,11 +2,20 @@ var gulp        = require('gulp');
 var browserSync = require('browser-sync').create();
 var sass        = require('gulp-sass');
 var sourcemaps  = require('gulp-sourcemaps');
-var gutil       = require('gulp-util');
 var sassLint    = require('gulp-sass-lint');
 var notify      = require('gulp-notify');
 
-gulp.task('serve', ['sass'], function() {
+var cssFiles = [
+  'src/css-loader.sass',
+  'src/loader-default.sass',
+  'src/loader-double.sass',
+  'src/loader-border.sass',
+  'src/loader-ball.sass',
+  'src/loader-clock.sass',
+  'src/loader-smartphone.sass'
+];
+
+gulp.task('serve', ['lint', 'sass'], function() {
   browserSync.init({
     server: './',
     open: false
@@ -19,14 +28,14 @@ gulp.task('serve', ['sass'], function() {
 gulp.task('lint', function () {
   return gulp.src('src/**/*.s+(a|c)ss')
     .pipe(sassLint({
-     config: '.sass-lint.yml' 
+      config: '.sass-lint.yml' 
     }))
     .pipe(sassLint.format())
     .pipe(sassLint.failOnError())
 });
 
 gulp.task('sass', function() {
-  return gulp.src('src/css-loader.sass')
+  return gulp.src(cssFiles)
     .pipe(sourcemaps.init())
     .pipe(sass({
       outputStyle: 'expanded',
@@ -37,8 +46,8 @@ gulp.task('sass', function() {
     .pipe(browserSync.stream());
 });
 
-gulp.task('build', ['sass'], function() {
-  return gulp.src('src/css-loader.sass')
+gulp.task('build', ['lint', 'sass'], function() {
+  return gulp.src(cssFiles)
     .pipe(sass({
       outputStyle: 'compressed',
       noCache: true

dist/loader-ball.css

@@ -3,7 +3,6 @@
 .loader
 
   &[data-text]
-
     &:before
       position: fixed
       left: 0
@@ -14,17 +13,14 @@
       width: 100%
       font-size: $font-size-loader
 
-// Default text
   &[data-text = '']
     &:before
       content: 'Loading'
 
-// Passing text as attribute
   &:not([data-text = ''])
     &:before
       content: attr(data-text)
 
-// Blink animation
   &[blink]
     &:before
       animation: blink 1s linear infinite alternate

dist/loader-border.css

@@ -0,0 +1,5 @@
+@import './config'
+
+@import './general/base'
+
+@import './loaders/loader-ball'