Columns can be offset by a specified amount of columns from the left hand side.
More detailed information on how to use our grid can be found in our design guidance.
<div class="coop-l-row"> <div class="coop-l-column coop-l-all-4 coop-l-small-offset-2 coop-l-medium-offset-1 coop-l-large-offset-0"> <span class="demo-column-block--offset"> <span></span> </span> </div> </div>
The styles for this pattern can be found in the foundations on github.
Design and content
There is no design information for this pattern.
We are currently working on this.
Suggest a pattern
Use this form to suggest a new pattern or a change to an existing one.