title: breakpoints using bourbon neat grid
body: <p>I am trying to use neat for bourbon and I have got most things sorted out but I am hitting some road blocks when it comes to creating the breaking points.</p>
  
  <p>I prefer to make seperate sass files for mobile, tablet, desktop &amp; largedesktop and I don't normally use bubbling to create my media queries as I dont like how it doesn't just create one the media query it makes tones through out the css file. But so far I can only seem to find documentation on a bubbling method.</p>
  
  <p><a href="http://robots.thoughtbot.com/post/34653032294/version-1-0-of-bourbon-neat-a-sass-based-responsive">Article on how to use breakpoints in neat</a></p>
  
  <p>Here is what I have done:</p>
  
  <pre><code>$largedesktop-size:em(1050);
  
      // Bourbon Neat Breakpoints
      $largedesktop: new-breakpoint(min-width $largedesktop-size 16);
  
  
   @include media($largedesktop) { 
      body{
          background:black;
      }
    }
  </code></pre>
  
  <p>I have also tried this, which does update the bg color but doesn't update the visual grid:</p>
  
  <pre><code>// Media Queries Breakpoints
  $tablet-size:em(700);
  
  @include media(min-width $tablet-size 8) {
      body{
          background:orange;
      }
    }
  </code></pre>