Sha256: 5a5bd4c5a40562b5115bec53926aef0c2d0fbd56dc0fd339861ea79ad476c61d
Contents?: true
Size: 1.37 KB
Versions: 8
Compression:
Stored size: 1.37 KB
Contents
<section id="grid_use_definition"> <header class="toadstool_subheader"> <h2>grid use definition</h2> <article> <p>To use grids in Toadstool, Stipe comes with some awesome Mixins for easy creation of custom grids as well as commonly used silent classes.</p> <p>Stipe's grid system is based on the original 960.gs solution; there are concepts like columns, gutters and nesting. For the most part when framing a UI, simply extend already pre-defined <a href="http://goo.gl/W1QlA" target="_blank">silent classes</a> like <code>@extend %grid_4</code>. These pre-formatted silent classes already come with additional support for mobile devices. </p> <p>If you require more customization of a given grid, use <code>@include grid($col_count)</code>, replacing <code>$col_count</code> with the number of colums you need. </p> <p>For nested grids, Stipe supports 'alpha' and 'omega' concepts. For added spice, if you want to remove both margins, 'alphaomega' works too. Example <code>@include grid(5, alpha)</code>.</p> <p>Since Stipe's grid is pure math, you can pass in floating point numbers as well. Example, using <code>@include grid(12, alphaomega)</code> will remove the margin on the outside of the grid, but will not be 100% across. Increasing the value fractionally (<code>@include grid(12.25, alphaomega)</code>) will address the missing space. </p> </article> </header> </section>
Version data entries
8 entries across 8 versions & 1 rubygems