Skip to content

Commit

Permalink
removing duplicate margin and padding helper class documentation
Browse files Browse the repository at this point in the history
  • Loading branch information
mansona committed Oct 24, 2019
1 parent e48dc95 commit 251b36b
Showing 1 changed file with 2 additions and 59 deletions.
61 changes: 2 additions & 59 deletions docs/concepts/layout.md
Original file line number Diff line number Diff line change
Expand Up @@ -132,64 +132,7 @@ The spacing scale can be applied to both margin and padding properties.


## Applying Spacing with Helpers
In order to apply the spacing scale on pages, a set of predefined helper classes exist for both margins and paddings.

### Margin Helpers

<div>
<table class="margin-bottom-medium">
<thead>
<tr>
<th>Scale</th>
<th>Location</th>
<th>Helper Class</th>
<th>Example</th>
</tr>
</thead>
<tbody>
{{#each (array '-small' '-medium' '-large') as |size|}}
{{#each (array '' '-vertical' '-horizontal' '-top' '-bottom' '-left' '-right') as |direction|}}
<tr>
<td>{{size}}</td>
<td>{{direction}}</td>
<td><code>.margin{{direction}}{{size}}</code></td>
<td>
<div class="bg-muted border-dashed">
<div class="bg-orange margin{{direction}}{{size}}">Content</div>
</div>
</td>
</tr>
{{/each}}
{{/each}}
</tbody>
</table>
</div>
In order to apply the spacing scale on pages, a set of predefined helper classes exist for both margins and paddings.

### Padding Helpers

<table>
<thead>
<tr>
<th>Scale</th>
<th>Location</th>
<th>Helper Class</th>
<th>Example</th>
</tr>
</thead>
<tbody>
{{#each (array '-small' '-medium' '-large') as |size|}}
{{#each (array '' '-vertical' '-horizontal' '-top' '-bottom' '-left' '-right') as |direction|}}
<tr>
<td>{{size}}</td>
<td>{{direction}}</td>
<td><code>.padding{{direction}}{{size}}</code></td>
<td>
<div class="bg-orange padding{{direction}}{{size}}">
<div class="border-dashed">Content</div>
</div>
</td>
</tr>
{{/each}}
{{/each}}
</tbody>
</table>
Check out [Spacing Helpers](/css/helpers#spacinghelpers) for more information

0 comments on commit 251b36b

Please sign in to comment.