title: Issue with main.scss updating automatically
body: <p>Here is my main.scss file with all my imports...</p>
  <pre><code>@import &quot;abstracts/functions&quot;;
  @import &quot;abstracts/mixins&quot;;
  @import &quot;abstracts/variables&quot;;
  
  @import &quot;base/animations&quot;;
  @import &quot;base/base&quot;;
  @import &quot;base/typography&quot;;
  @import &quot;base/utilities&quot;;
  
  @import &quot;components/bg-video&quot;;
  @import &quot;components/button&quot;;
  @import &quot;components/cards&quot;;
  @import &quot;components/composition&quot;;
  @import &quot;components/feature-box&quot;;
  @import &quot;components/form&quot;;
  @import &quot;components/story&quot;;
  
  @import &quot;layout/footer&quot;;
  @import &quot;layout/grid&quot;;
  @import &quot;layout/header&quot;;
  @import &quot;layout/navigation&quot;;
  
  @import &quot;pages/home&quot;;
  </code></pre>
  <p>I started having this issue after creating the @import &quot;layout/navigation&quot; file in my layout folder. It seems nothing is reloading automatically unless i do a manual save in the main.scss which contains the @imports it only then updates. I downloaded the live sass compiler aswell as the sass extensions on vs code and closed out of the live server and terminal i had everything running on. i then started using those extensions and the integrated terminal in vs code.... I checked to see if node and npm was still installed and if i do node-v and npm-v to check that its installed i get node version v14.15.3 and npm version 6.14.9. i tried to reinstal node-sass using npm install -g node-sass command in the terminal and i get a permission denied error... The site is also now just totally unresponsive, nothing that was clickable can be clicked and nothing is changing on the page if i change it in a file. I have no idea how to fix this please help.</p>