title: Live Sass Compiler throwing error on SASS code
body: <p>While I am learning mixins in SASS, I'm facing an error in the output area:</p>
  
  <pre><code>$bg-prm: #2caddd
  $bg-sec: #f3f3f3
  $bg-def: #454545
  $bg-wht: #fff
  
  @mixin Sans-Serif
      font-family: sans-serif
  
  @mixin flex
      display: -webkit-flex
      display: flex
  
  @mixin bgPrimary
      background-color: $bg-prm
      color: $bg-wht
  
  body
      @include Sans-Serif
      .row
          @include flex
  
  .bg-prem
      @include bgPrimary
  </code></pre>
  
  <p>Error:</p>
  
  <pre><code>Compilation Error
  Error: Invalid CSS after "$bg-prm: #2caddd": expected 1 selector or at-rule, was "{}"
      on line 1 of sass/Users/hassan/Desktop/JS_test/style.sass
  &gt;&gt; $bg-prm: #2caddd {}
  
      ---------------^ 
  </code></pre>
  
  <p>While in Codepen.io SASS compiler, this code is working. </p>