title: Breakpoint-sass not loading in gulp setup, Susy is working fine
body: <p>Hi I'm trying to get breakpoint-sass working with susy in my Gulp set-up</p>
  
  <p>I have ran npm install breakpoint-sass --save-dev and linked it to the top of my sass file with  @import "./node_modules/breakpoint-sass/stylesheets/breakpoint"; (susy is working fine from @import "./node_modules/susy/sass/susy";)</p>
  
  <p>my gulp sass task is this </p>
  
  <pre><code>gulp.task("styles", function() {
  return gulp.src("scss/application.scss")
      .pipe( bulkSass())
      .pipe(maps.init())
      .pipe(sass())
      .pipe(sass({
          outputStyle: 'compressed',
          includePaths: ['node_modules/susy/sass', 'node_modules/breakpoint-sass/stylesheets/breakpoint'],
      }).on('error', sass.logError))
      .pipe(maps.write('./'))
      //.pipe(autoprefixer())
      .pipe(gulp.dest('./build/css/'))
      .pipe(reload({stream:true}))
  });
  </code></pre>
  
  <p>and my scss partial</p>
  
  <pre><code>@import "./node_modules/breakpoint-sass/stylesheets/breakpoint";
  @import "./node_modules/susy/sass/susy";
  
    #main {
      @include span(12);
      background: $primary-color;
      text-align: center;
         h1 {
          color: green;
          height: 2em;
         }
  
          @include breakpoint(500px){
            h1{
              color: red;
         }
  
      }
  
   }
  </code></pre>
  
  <p>the h1 tag is red at all screen widths and never green. I can't see why this is happening. I have used breakpoint before in a grunt project with ruby and had no issues.</p>
  
  <p>Thanks</p>