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><div></code><br/><br/> <code>.ae-container-table-cell</code> for the direct children container <code><div></code> </td> <td>Makes a <code><div></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