Offsetting columns live

Columns can be offset by a specified amount of columns from the left hand side.

Example

Example

HTML

                            
<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>

                            

Suggest a pattern

Use this form to suggest a new pattern or a change to an existing one.

Suggest a new pattern or a change