title: Guard not compiling all the SCSS stylesheets
body: <p>When you have a wrapper stylesheet that imports other using sass @import, and when using guard to watch for changes, it wont compile the wrapper stylesheet automatically if you are only changing one of the imported files. Example:</p>
  
  <pre><code>/* This is viewports.scss, which must compile into viewports.css */
  @media only screen and (min-width: 480px) {
      @import "480.scss";
  }
  
  @media only screen and (min-width: 768px) {
      @import "768.scss";
  }
  
  @media only screen and (min-width: 1024px) {
      @import "1024.scss";
  } 
  </code></pre>
  
  <p>When modifying for example 480up.scss, it compiles as expected into 480up.css, <strong>but Guard is not importing it into the viewports.css</strong>, seems like is not recognizing the dependency. This use is important when you want to implement responsive in one compiled css, but writing your code in separate scss files.</p>
  
  <p>If you just use the sass command you have the expected behavior, if you use Guard, not.</p>
  
  <p>Is there some workaround for this? Something extra that I need to configure?</p>