title: visual studio code keeps creating my css file to be in the same folder as my scss file
body: <p>Whenever I try placing my css file in a different folder to my sass file, the minute I select the scss watch complier, a new css file gets re-created in the same folder where my scss is placed.</p>
  
  <p>I am trying to keep them separate, is this even an option? </p>
  
  <p>The screenshot shows the different css folders I created trying to keep them seperate, but the watch compiler seems to over-ride this:</p>
  
  <p><a href="https://i.stack.imgur.com/eZLz1.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/eZLz1.png" alt=""></a></p>