<p dir="auto">Hi</p>
<p dir="auto">this is a request for improvement :</p>
<p dir="auto">sometimes within the grid, you want the order of your markup to not necessarily be the same as the order items are flowed into the grid.<br>
It would be a nice improvement to have source ordering classes : by using these source ordering classes, you can shift columns around on desktops and tablets. On phones the grid will still be linearized into the order of the markup.</p>
<p dir="auto">Thanks  in advance</p>
<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>