_styles.scss changes works in watch mode, but not fresh generate

[Rod Schmidt]

I put this at the end of my _styles.scss file:

// http://www.lifeathighroad.com/web-development/forcing-to-wraps-to-the-width-of-an-image-using-css-only/

figure {

  display: table;

  width: 1px;

}

figure.center { margin: 0 auto 1.5em; }

figure.left { float: left; margin-right: 1.5em; }

figure.right { float: right; margin-left: 1.5em;  }

// as per the comments on the previous link, when img's max-width is set to 100%, it breaks

// so, when on large screen, instead of using 100%, use the $max-width

@media screen and (min-width: 960px) {

  figure {

    img { max-width: $max-width; }

  }

}

// Align figcaption.

figure > figcaption { text-align: center; }

When I've run rake preview and Octopress is watching for changes and I change this file, then everything is fine (i.e. my figures are centered). But If I stop rake and then run rake preview again so that it does a fresh generate, then it no longer works. I've also searched the generated public folder and I can't find my custom CSS anywhere.

Any suggestions?