Sha256: be777a79985a70f36e62ed0ff76bd11f764293ae18b3d80423a1e982c11f5fa2

Contents?: true

Size: 1.07 KB

Versions: 22

Compression:

Stored size: 1.07 KB

Contents

<section>
<p>A container is used to keep elements confined within a prescribed width. This is to prevent elements from “scattering” throughout the page. Its behavior, width, and paddings are affected by the parent template it follows. </p>
<p>More info on <a href="#templates" title="Templates">Templates</a> here.</p>
<table>
<thead>
<tr>
<th>Width</th>
<th>Usage</th>
<th>Notes</th>
</tr>
</thead>
<tbody>
<tr>
<td>Fixed</td>
<td><code>.ae-container</code></td>
<td>Uses a fixed width, which can be set in <code>variables.sass</code>. This is set to <code>960px</code> by default.</td>
</tr>
<tr>
<td>Full or fluid</td>
<td><code>.ae-container-full</code></td>
<td>Stretches throughout the width of the screen</td>
</tr>

<tr>
<td>Table</td>
<td><code>.ae-container-table</code> for the parent container <code>&lt;div&gt;</code><br/><br/> <code>.ae-container-table-cell</code> for the direct children container <code>&lt;div&gt;</code> </td>
<td>Makes a <code>&lt;div&gt;</code> and its children behave like a table and table cells, respective.</td>
</tr>

</tbody>
</table>
</section>

Version data entries

22 entries across 22 versions & 1 rubygems

Version Path
express_ui-0.5.2 app/views/express_ui/molecules/_container.html.erb
express_ui-0.5.1 app/views/express_ui/molecules/_container.html.erb
express_ui-0.5.0 app/views/express_ui/molecules/_container.html.erb
express_ui-0.4.2 app/views/express_ui/molecules/_container.html.erb
express_ui-0.4.1 app/views/express_ui/molecules/_container.html.erb
express_ui-0.4.0 app/views/express_ui/molecules/_container.html.erb
express_ui-0.3.0 app/views/express_ui/molecules/_container.html.erb
express_ui-0.2.1 app/views/express_ui/molecules/_container.html.erb
express_ui-0.2.0 app/views/express_ui/molecules/_container.html.erb
express_ui-0.1.7 app/views/express_ui/molecules/_container.html.erb
express_ui-0.1.6 app/views/express_ui/molecules/_container.html.erb
express_ui-0.1.5 app/views/express_ui/molecules/_container.html.erb
express_ui-0.1.4 app/views/express_ui/molecules/_container.html.erb
express_ui-0.1.3 app/views/express_ui/molecules/_container.html.erb
express_ui-0.1.2 app/views/express_ui/molecules/_container.html.erb
express_ui-0.1.1 app/views/express_ui/molecules/_container.html.erb
express_ui-0.1.0 app/views/express_ui/molecules/_container.html.erb
express_ui-0.1.0.rc7 app/views/express_ui/molecules/_container.html.erb
express_ui-0.1.0.rc5 app/views/express_ui/molecules/_container.html.erb
express_ui-0.1.0.rc4 app/views/express_ui/molecules/_container.html.erb