title: bootstrap-sass + gulp: Media query expression must begin with '('
body: <p>I'm having a problem here with bootstrap-sass. I'm trying to compile bootstrap via Gulp and some other scss libraries in my <code>style.scss</code> file, but it throws me this error:</p>
  
  <pre><code>Message:
      css/dev/style.scss
  Error: media query expression must begin with '('
          on line 1 of css/dev/style.scss
  &gt;&gt; @import 'breakpoint-slicer'
     ---------------------------^
  
  Details:
      formatted: Error: media query expression must begin with '('
          on line 1 of css/dev/style.scss
  &gt;&gt; @import 'breakpoint-slicer'
     ---------------------------^
  
      column: 28
      line: 1
      file: /home/nano/Sandbox/bolt-seed/theme/own-theme/css/dev/style.scss
      status: 1
      messageFormatted: css/dev/style.scss
  Error: media query expression must begin with '('
          on line 1 of css/dev/style.scss
  &gt;&gt; @import 'breakpoint-slicer'
     ---------------------------^
  messageOriginal: media query expression must begin with '(' relativePath: css/dev/style.scss
  </code></pre>
  
  <p>I just make a <code>_variables.scss</code> copy on my root styles folder (without changes for now) and i getting the error. Same if i include the <code>breakpoint-slicer</code> in my imports.</p>
  
  <p>Here are my gulp task and my <code>style.scss</code></p>
  
  <h3>gulp task</h3>
  
  <pre><code>gulp.task('sass-build', () =&gt; {
    return gulp.src('./css/dev/*.scss')
      .pipe(plumber())
      .pipe(sourcemaps.init())
      .pipe(sass({
        includePaths: [
          './assets/bootstrap-sass/assets',
          './assets/breakpoint-slicer/stylesheets',
        ],
        outputStyle: 'compressed'
      }))
      .pipe(sourcemaps.write('./css'))
      .pipe(gulp.dest('./css'));
  });
  </code></pre>
  
  <h3>style.scss:</h3>
  
  <pre><code>@import 'breakpoint-slicer'
  
  @import 'variables'
  @import 'bootstrap'
  
  body {
    padding: 50px
  }
  </code></pre>
  
  <p>All the assets are managed by Bower in the <code>assets</code> folder. Any idea, or hint about this?</p>