Menu icon Foundation
Yeti Launch Pad - Gulp Task Not Updating CSS when _Settings Updated

Installed Foundation 6 project via the YETI Launch pad for mac. When I update _settings.scss - the log says
$ [08:58:33] Starting 'sass'...
$ [08:58:33] Finished 'sass' after 12 ms

But the apps.css file never updates.

Attached is gulpfile that was created by YETI launch pad. Is there something incorrect when YETI created the task runner?

Installed Foundation 6 project via the YETI Launch pad for mac. When I update _settings.scss - the log says
$ [08:58:33] Starting 'sass'...
$ [08:58:33] Finished 'sass' after 12 ms

But the apps.css file never updates.

Attached is gulpfile that was created by YETI launch pad. Is there something incorrect when YETI created the task runner?

var gulp = require('gulp');
var $    = require('gulp-load-plugins')();


var sassPaths = [
  'bower_components/foundation-sites/scss',
  'bower_components/motion-ui/src'
];

gulp.task('sass', function() {
  return gulp.src('./scss/app.scss')
    .pipe($.sass({
      includePaths: sassPaths
    })
      .on('error', $.sass.logError))
    .pipe($.autoprefixer({
      browsers: ['last 2 versions', 'ie >= 9']
    }))
    .pipe(gulp.dest('./css'));
});

gulp.task('default', ['sass'], function() {
  gulp.watch(['./scss/**/*.scss'], ['sass']);
});

            

         

var gulp = require('gulp');
var $    = require('gulp-load-plugins')();


var sassPaths = [
  'bower_components/foundation-sites/scss',
  'bower_components/motion-ui/src'
];

gulp.task('sass', function() {
  return gulp.src('./scss/app.scss')
    .pipe($.sass({
      includePaths: sassPaths
    })
      .on('error', $.sass.logError))
    .pipe($.autoprefixer({
      browsers: ['last 2 versions', 'ie >= 9']
    }))
    .pipe(gulp.dest('./css'));
});

gulp.task('default', ['sass'], function() {
  gulp.watch(['./scss/**/*.scss'], ['sass']);
});

            

         

gulp

Installed Foundation 6 project via the YETI Launch pad for mac. When I update _settings.scss - the log says
$ [08:58:33] Starting 'sass'...
$ [08:58:33] Finished 'sass' after 12 ms

But the apps.css file never updates.

Attached is gulpfile that was created by YETI launch pad. Is there something incorrect when YETI created the task runner?

Installed Foundation 6 project via the YETI Launch pad for mac. When I update _settings.scss - the log says
$ [08:58:33] Starting 'sass'...
$ [08:58:33] Finished 'sass' after 12 ms

But the apps.css file never updates.

Attached is gulpfile that was created by YETI launch pad. Is there something incorrect when YETI created the task runner?

var gulp = require('gulp');
var $    = require('gulp-load-plugins')();


var sassPaths = [
  'bower_components/foundation-sites/scss',
  'bower_components/motion-ui/src'
];

gulp.task('sass', function() {
  return gulp.src('./scss/app.scss')
    .pipe($.sass({
      includePaths: sassPaths
    })
      .on('error', $.sass.logError))
    .pipe($.autoprefixer({
      browsers: ['last 2 versions', 'ie >= 9']
    }))
    .pipe(gulp.dest('./css'));
});

gulp.task('default', ['sass'], function() {
  gulp.watch(['./scss/**/*.scss'], ['sass']);
});

            

         

var gulp = require('gulp');
var $    = require('gulp-load-plugins')();


var sassPaths = [
  'bower_components/foundation-sites/scss',
  'bower_components/motion-ui/src'
];

gulp.task('sass', function() {
  return gulp.src('./scss/app.scss')
    .pipe($.sass({
      includePaths: sassPaths
    })
      .on('error', $.sass.logError))
    .pipe($.autoprefixer({
      browsers: ['last 2 versions', 'ie >= 9']
    }))
    .pipe(gulp.dest('./css'));
});

gulp.task('default', ['sass'], function() {
  gulp.watch(['./scss/**/*.scss'], ['sass']);
});

            

         
Tim Hartwick over 3 years ago

Thanks for reaching out to us! The Gulp file looks alright. Can you double check to make sure you're editing the correct _settings.scss file? You should be editing the "/scss/_settings.scss" file.

It is a little strange that it's only taking 12 ms, it seems like sass doesn't know what to compile.

Keep us updated!

Erik M over 3 years ago

Hey David!

I believe the problem is that Yeti Launch is not reporting scss errors (instead saying that it compiled correctly, but never updating). We released a patch to yeti launch that fixes this, which you can download here:

http://foundation.zurb.com/develop/yeti-launch.html

Thanks!
Erik

David Beach over 3 years ago

Hey Erik:

Happy new year. I was creating another project and first downloaded to get latest Yeti Launch version. i created project, with basic template. When I did this, I noticed again that the _settings file updates were not being applied to the CSS file.

Also when you navigate to bower_components/foundation-sites/scss the settings file is and folder are missing after the install.

Also in the /scss/ root directory the _settings file does not have // in front of each line, instead it appears to say process everything.

Thanks,

Dave Beach