title: My sc5-styleguide doesn't update anymore
body: <p>So yesterday it was working like a charm, I went home, got to work this morning and it didn't work.
  I'm creating a styleguide for a website. I hope that some of you guys can help me.
  Here's my code</p>
  
  <p>gulpfile.js</p>
  
  <pre><code>var paths = {
      styles: 'assets/scss/source/**/*.scss',
      cssDest: 'frontend/css',
      styleguide: 'styleguide'
  };
  
  gulp.task('watch', function() {
      gulp.watch(paths.styles, ['styles', 'styleguide']);
  });
  
  gulp.task('styles', function() {
      return gulp.src(paths.styles)
          .pipe(sourcemaps.init())
          .pipe(sass())
          .pipe(gulp.dest(paths.cssDest))
          .pipe(concat('all.min.css'))
          .pipe(cssnano())
          .pipe(sourcemaps.write())
          .pipe(gulp.dest(paths.cssDest))
          .pipe(livereload());
  });
  
  gulp.task('styleguide:generate', function() {
      return gulp.src(paths.styles)
          .pipe(styleguide.generate({
              title: 'My Styleguide',
              rootPath: paths.styleguide,
              appRoot: '/styleguide',
              overviewPath: 'README.md',
              server : false,
              disableEncapsulation: true,
              styleVariables: 'assets/scss/_variables.scss',
              extraHead: [
                  '&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"&gt;&lt;/script&gt;',
                  '&lt;script src="/frontend/js/bootstrap.min.js"&gt;&lt;/script&gt;',
                  '&lt;script type="text/javascript" src="/frontend/js/lib.min.js"&gt;&lt;/script&gt;',
                  '&lt;script type="text/javascript" src="/frontend/js/all.min.js"&gt;&lt;/script&gt;'
              ],
      }))
      .pipe(gulp.dest(paths.styleguide));
  });
  
  gulp.task('styleguide:applystyles', ['styles'], function() {
    return gulp.src([
          "frontend/css/bootstrap.min.css",
          "frontend/css/main.css"
      ])
      .pipe(styleguide.applyStyles())
      .pipe(gulp.dest(paths.styleguide));
  });
  </code></pre>
  
  <p>When I run gulp watch and save some scss, I get this:</p>
  
  <p><a href="https://i.stack.imgur.com/RxUh9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/RxUh9.png" alt="enter image description here"></a></p>
  
  <p>What is undefined!?! And how do I fix it?</p>
  
  <p><strong>EDIT</strong></p>
  
  <p>The problem occurs in styleguide:generate</p>