1 var gulp = require('gulp');
2 var sass = require('gulp-sass');
4 //gulp.task('styles', function(){
5 // return gulp.src('web/themes/custom/yaffs/scss/*.scss')
6 // .pipe(sass().on('error', sass.logError))
7 // .pipe(gulp.dest('web/themes/custom/yaffs/css'))
10 // TODO - perhaps arrays then you could watch multiple sources and destinations
12 // source and distribution folder
14 source = 'web/themes/custom/yaffs/',
15 dest = 'web/themes/custom/yaffs/';
17 // Bootstrap scss source
19 in: './node_modules/bootstrap-sass/'
24 in: [source + 'fonts/*.*', bootstrapSass.in + 'assets/fonts/**/*'],
28 // css source file: .scss files
30 in: source + 'scss/style.scss',
32 watch: source + 'scss/**/*',
34 outputStyle: 'nested',
36 errLogToConsole: true,
37 includePaths: [bootstrapSass.in + 'assets/stylesheets']
42 gulp.task('fonts', function () {
45 .pipe(gulp.dest(fonts.out));
50 gulp.task('sass', ['fonts'], function () {
51 return gulp.src(css.in)
52 .pipe(sass(css.sassOpts))
53 .pipe(gulp.dest(css.out));
58 gulp.task('default', ['sass'], function () {
59 gulp.watch(css.watch, ['sass']);
62 gulp.task('autoprefixer', function () {
63 var postcss = require('gulp-postcss');
64 var sourcemaps = require('gulp-sourcemaps');
65 var autoprefixer = require('autoprefixer');
67 return gulp.src('./src/*.css')
68 .pipe(sourcemaps.init())
69 .pipe(postcss([ autoprefixer() ]))
70 .pipe(sourcemaps.write('.'))
71 .pipe(gulp.dest('./dest'));