title: How to make CSS sourcemapping work in Chrome with Compass (SASS)
body: <p>the thing is that I'm trying to get CSS mapping working with my Compass project in Chrome (v38, OS X) so It reloads my CSS without the need to reload page.</p>
  
  <p>I followed this <a href="https://developer.chrome.com/devtools/docs/css-preprocessors" rel="nofollow">https://developer.chrome.com/devtools/docs/css-preprocessors</a> and also this <a href="http://www.sitepoint.com/using-source-maps-debug-sass-chrome/" rel="nofollow">http://www.sitepoint.com/using-source-maps-debug-sass-chrome/</a></p>
  
  <p>I have fully working Compass project and I'm compiling using <code>compass watch</code>.</p>
  
  <p>Into <code>Config.rb</code> I have added <code>sourcemap = true</code> and <code>.map</code> file has been successfully created.</p>
  
  <p>When I load my site, I can see <code>.map</code> file loaded in Network tab in Console (status code 200)</p>
  
  <p><code>Enable CSS source maps</code> and <code>Auto-reload generated CSS</code> is also on in Chrome's Settings.</p>
  
  <p>But when I recompile css changes don't appear in DevTools nor in page. However when I reopen DevTools I can see changes in Styles tab but they're not applied into page.</p>
  
  <h2>So, to sum up:</h2>
  
  <ul>
  <li>I have no problems with Compass compilation etc.</li>
  <li><code>.map</code> file is compiled and loaded through my HTTP server with 200 OK response</li>
  <li>I can see <code>.scss</code> references in Style inspector eg. <code>body {...} style.scss:18</code> so Chrome communicated with my <code>.map</code> file</li>
  <li>When my SCSS is compiled, changes appear in DevTools only when I reopen it</li>
  <li>After reopening, I can see CSS changes in Style tab but they're not applied into my page</li>
  </ul>
  
  <p>Any ideas what might be the issue here? Thanks</p>