title: Sass Folders Outputing to CSS Folder
body: <p>I'm having this rather annoying trouble that I'm having some issues understanding when my Sass compiles.</p>
  
  <p>I have a SCSS folder that compiles to a CSS folder in the root of my site, but in my SCSS folder I have individual folders for layout, utilities, etc.</p>
  
  <p>The issue I am having is within my SCSS structure I have a vendors folder that houses everything from Bootstrap Grid, Font Awesome, etc. To keep the structure of the vendors folder neat and tidy I like to keep each vendor add on in a seperate folder. I use the following watch command:</p>
  
  <p><code>sass --watch scss:css</code></p>
  
  <p>Here's the file structure where <code>...</code> is the files within the folder.</p>
  
  <pre><code>project-name/
  ├── scss/
  │   └── style.scss
  └── vendors/
      ├── bootstrap-grid
      │   └── ...
      └── fontawesome
          └── ...
  </code></pre>
  
  <p>The issue I have when compiling to the CSS folder, the vendors folder and its contents are being compiled to the CSS folder:</p>
  
  <pre><code>project-name/
  ├── css/
  │   └── style.css
  └── vendors/
      ├── bootstrap-grid
      │   └── ...
      └── fontawesome
          └── ...
  </code></pre>
  
  <p>Thanks in advance :)</p>