title: Importing SCSS file from index.html doesn't work
body: <p>I'm trying to import a <code>SCSS</code> file within the <code>head</code> tags in my root <code>index.html</code> file, but it doesn't load. Instead, in <code>Network Chrome Dev Tools</code> tab I see my <code>SCSS</code> file marked in red with a status of <code>(canceled)</code>.</p>
  
  <p>Any idea why? Here's how I import my <code>SCSS</code> file in <code>index.html</code>:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
    &lt;head&gt;
      &lt;link href='https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons' rel="stylesheet"&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui"&gt;
      &lt;style&gt;
        @import 'styles/main.scss';
      &lt;/style&gt;
    &lt;/head&gt;
  </code></pre>