title: Angular CLI 7: Sass failed to compile
body: <p>few moments ago I installed Angular Cli 7 and started clean project by </p>
  
  <pre><code>ng new my-app
  </code></pre>
  
  <p>I selected precompiler SASS for css, but when I'm editing file styles.sass then is not working, my styles.sass looks like this</p>
  
  <pre><code>h1 { color: red }
  </code></pre>
  
  <p>but ng serve show this message</p>
  
  <blockquote>
    <p>Failed to compile.</p>
    
    <p>./src/styles.sass
    (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/src??embedded!./node_modules/sass-loader/lib/loader.js??ref--14-3!./src/styles.sass)
    Module build failed (from ./node_modules/sass-loader/lib/loader.js):</p>
    
    <p>h1 {    ^
          Invalid CSS after "h1 {": expected "}", was "{"
          in /Users/a/Documents/angular-projects/my-app/src/styles.sass
    (line 1, column 5)</p>
  </blockquote>
  
  <p>how to fix it? and why that's happen?</p>