Skip to content

Commit

Permalink
Updated grid.hbs issue CityOfBoston#608
Browse files Browse the repository at this point in the history
The grid.hbs file needed some tweaking for optimizing the grid system.
  • Loading branch information
Hansolo1103 committed Feb 28, 2024
1 parent b309779 commit db87712
Showing 1 changed file with 16 additions and 16 deletions.
32 changes: 16 additions & 16 deletions components/layout/grid/grid.hbs
Original file line number Diff line number Diff line change
@@ -1,36 +1,36 @@
<div class="g{{#if variant}} {{variant}}{{/if}}">
<div class="g--12 m-b300">12 Columns</div>
<div class="g--12 m-b100 m--full">12 Columns</div>
</div>

<div class="g{{#if variant}} {{variant}}{{/if}}">
<div class="g--9 m-b300">1: 9 Columns</div>
<div class="g--3 m-b300">2: 3 Columns</div>
<div class="g--9 m-b100 m--full m--half">1: 9 Columns</div>
<div class="g--3 m-b100 m--full m--half">2: 3 Columns</div>
</div>

<div class="g{{#if variant}} {{variant}}{{/if}}">
<div class="g--8 m-b300">1: 8 Columns</div>
<div class="g--4 m-b300">2: 4 Columns</div>
<div class="g--8 m-b100 m--full m--half">1: 8 Columns</div>
<div class="g--4 m-b100 m--full m--half">2: 4 Columns</div>
</div>

<div class="g{{#if variant}} {{variant}}{{/if}}">
<div class="g--7 m-b300">1: 7 Columns</div>
<div class="g--5 m-b300">2: 5 Columns</div>
<div class="g--7 m-b100 m--full m--half">1: 7 Columns</div>
<div class="g--5 m-b100 m--full m--half">2: 5 Columns</div>
</div>

<div class="g{{#if variant}} {{variant}}{{/if}}">
<div class="g--6 m-b300">1: 6 Columns</div>
<div class="g--6 m-b300">2: 6 Columns</div>
<div class="g--6 m-b100 m--full m--half">1: 6 Columns</div>
<div class="g--6 m-b100 m--full m--half">2: 6 Columns</div>
</div>

<div class="g{{#if variant}} {{variant}}{{/if}}">
<div class="g--4 m-b300">1: 4 Columns</div>
<div class="g--4 m-b300">2: 4 Columns</div>
<div class="g--4 m-b300">3: 4 Columns</div>
<div class="g--4 m-b100 m--full m--half">1: 4 Columns</div>
<div class="g--4 m-b100 m--full m--half">2: 4 Columns</div>
<div class="g--4 m-b100 m--full m--half">3: 4 Columns</div>
</div>

<div class="g{{#if variant}} {{variant}}{{/if}}">
<div class="g--3 m-b300">1: 3 Columns</div>
<div class="g--3 m-b300">2: 3 Columns</div>
<div class="g--3 m-b300">3: 3 Columns</div>
<div class="g--3 m-b300">4: 3 Columns</div>
<div class="g--3 m-b100 m--full m--half">1: 3 Columns</div>
<div class="g--3 m-b100 m--full m--half">2: 3 Columns</div>
<div class="g--3 m-b100 m--full m--half">3: 3 Columns</div>
<div class="g--3 m-b100 m--full m--half">4: 3 Columns</div>
</div>

0 comments on commit db87712

Please sign in to comment.