4.3 #permalink .cols
Modifies the width of elements, optinally depending on the current browser window size (see styleguide section 4.3.1 if you need more information). The .cols--X classes as well as their breakpoint modifiers can be used on any element which has either display: block, display: inline-block, display: table or display: flex set
Example
...
...
...
...
...
...
...
...
...
...
...
...
Markup
<div class="cols--1">
<div class="styleguide_block"> ... </div>
</div>
<div class="cols--2">
<div class="styleguide_block"> ... </div>
</div>
<div class="cols--3">
<div class="styleguide_block"> ... </div>
</div>
<div class="cols--4">
<div class="styleguide_block"> ... </div>
</div>
<div class="cols--5">
<div class="styleguide_block"> ... </div>
</div>
<div class="cols--6">
<div class="styleguide_block"> ... </div>
</div>
<div class="cols--7">
<div class="styleguide_block"> ... </div>
</div>
<div class="cols--8">
<div class="styleguide_block"> ... </div>
</div>
<div class="cols--9">
<div class="styleguide_block"> ... </div>
</div>
<div class="cols--10">
<div class="styleguide_block"> ... </div>
</div>
<div class="cols--11">
<div class="styleguide_block"> ... </div>
</div>
<div class="cols--12">
<div class="styleguide_block"> ... </div>
</div>
Source:
grid/css/grid-cols.css, line 1