title: Foundation source ordering confusion
body: <p>I have a row setup like so:</p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="small-12 small-push-12 large-6 columns"&gt;
          &lt;!-- Content --&gt;
      &lt;/div&gt;
      &lt;div class="small-12 small-pull-12 large-6 columns"&gt;
          &lt;!-- Content --&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Basically, I want the second column to be pulled before the first column when the screen is small, but keep it at proper order for large screens.</p>
  
  <p>What am I doing wrong here? The document reflows like it always does.</p>
  
  <p>Also, I do realize I can just reverse the order in the HTML itself and it'll work, but just curious if it's possible to make it work this way.</p>