3.2.4 #Layout.grid.offset Offset
The sb-offset-{i} classes can be used to move a column to the right.
The sb-offset-{size}-{i} classes can be used for responsive layouts respectively.
Browser support: IE10+, Safari9+, Firefox30+, Chrome30+
.sb-col-8 .sb-offset-4
.sb-col-4 .sb-offset-2
.sb-col-3 .sb-offset-3
.sb-col-m-6 .sb-offset-m-6 .sb-col-s-12
.sb-col-l-2 .sb-offset-l-10 .sb-col-9 sb-offset-3
Markup
<div class="sb-grid">
<div class="sb-tile sb-padding sb-col-8 sb-offset-4">
.sb-col-8 .sb-offset-4
</div>
<div class="sb-tile sb-padding sb-col-4 sb-offset-2">
.sb-col-4 .sb-offset-2
</div>
<div class="sb-tile sb-padding sb-col-3 sb-offset-3">
.sb-col-3 .sb-offset-3
</div>
<div class="sb-tile sb-padding sb-col-m-6 sb-offset-m-6 sb-col-s-12">
.sb-col-m-6 .sb-offset-m-6 .sb-col-s-12
</div>
<div class="sb-tile sb-padding sb-col-l-2 sb-offset-l-10 sb-col-s-9 sb-offset-s-3">
.sb-col-l-2 .sb-offset-l-10 .sb-col-9 sb-offset-3
</div>
</div>
Source: layout/_layout.scss, line 377