<p dir="auto">I really like push and pull from <a href="http://960.gs/demo.html" rel="nofollow">http://960.gs/demo.html</a> (bottom row)</p>
<p dir="auto">Why? Well push is offset but pull makes it possible to show the viewer Left Middle Right but in the code it can be Middle Left Right. This is good for schreen readers, page starts straight on topic, menu later (only hidden go to menu link for screenreader is needed for screen reader). Pull is also good for the responsive design, let say Middle is your logo and you have a quote on the Left and Right and on a mobile you want the logo (Middle) first then you need to push Middle by 4 and pull Left by 4.</p>
<p dir="auto">Example:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;div class=&quot;row&quot;&gt;
    &lt;div class=&quot;span4 push4&quot;&gt;Middle&lt;/div&gt;
    &lt;div class=&quot;span4 pull4&quot;&gt;Left&lt;/div&gt;
    &lt;div class=&quot;span4&quot;&gt;Right&lt;/div&gt;
&lt;/div&gt;"><pre class="notranslate"><code class="notranslate">&lt;div class="row"&gt;
    &lt;div class="span4 push4"&gt;Middle&lt;/div&gt;
    &lt;div class="span4 pull4"&gt;Left&lt;/div&gt;
    &lt;div class="span4"&gt;Right&lt;/div&gt;
&lt;/div&gt;
</code></pre></div>
<p dir="auto">It would be nice if we could use negative offsets to allow presentation order to be independent from source order. For example, to have the first sidebar to come after the content in the source, but be presented still to the left of the content.</p>
<p dir="auto">For example, we could use something like in mixins.less:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content=".inset(@columns: 1) {
  margin-left: 0 - ((@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns - 1))); 
}"><pre class="notranslate"><code class="notranslate">.inset(@columns: 1) {
  margin-left: 0 - ((@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns - 1))); 
}
</code></pre></div>
<p dir="auto">Then in scaffolding.less</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="// Inset column options
.inset1    { .inset(1); }
.inset2    { .inset(2); }
.inset3    { .inset(3); }
.inset4    { .inset(4); }
.inset5    { .inset(5); }
.inset6    { .inset(6); }
.inset7    { .inset(7); }
.inset8    { .inset(8); }
.inset9    { .inset(9); }
.inset10   { .inset(10); }
.inset11   { .inset(11); }
.inset12   { .inset(12); }"><pre class="notranslate"><code class="notranslate">// Inset column options
.inset1    { .inset(1); }
.inset2    { .inset(2); }
.inset3    { .inset(3); }
.inset4    { .inset(4); }
.inset5    { .inset(5); }
.inset6    { .inset(6); }
.inset7    { .inset(7); }
.inset8    { .inset(8); }
.inset9    { .inset(9); }
.inset10   { .inset(10); }
.inset11   { .inset(11); }
.inset12   { .inset(12); }
</code></pre></div>
<p dir="auto">Thoughts on adding something like this? Is this already possible, and I just missed it?</p>