<input type="text" class="span3" placeholder="40px">
<label>@gridGutterWidth</label>
<input type="text" class="span3" placeholder="20px">
- <label>@siteWidth</label>
- <input type="text" class="span3" placeholder="(@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));">
- <label>@fluidSidebarWidth</label>
- <input type="text" class="span3" placeholder="220px">
+ <h3>Fluid grid system</h3>
+ <label>@fluidGridColumnWidth</label>
+ <input type="text" class="span3" placeholder="6.382978723%">
+ <label>@fluidGridGutterWidth</label>
+ <input type="text" class="span3" placeholder="2.127659574%">
<h3>Typography</h3>
<label>@baseFontSize</label>
<input type="text" class="span3" placeholder="13px">
<td>20px</td>
</tr>
<tr>
- <td><code>@siteWidth</code></td>
- <td><code>(@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1))</code></td>
+ <td><code>@fluidGridColumnWidth</code></td>
+ <td>6.382978723%</td>
+ </tr>
+ <tr>
+ <td><code>@fluidGridGutterWidth</code></td>
+ <td>2.127659574%</td>
</tr>
</tbody>
</table>
<input type="text" class="span3" placeholder="40px">
<label>@gridGutterWidth</label>
<input type="text" class="span3" placeholder="20px">
- <label>@siteWidth</label>
- <input type="text" class="span3" placeholder="(@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));">
- <label>@fluidSidebarWidth</label>
- <input type="text" class="span3" placeholder="220px">
+ <h3>{{_i}}Fluid grid system{{/i}}</h3>
+ <label>@fluidGridColumnWidth</label>
+ <input type="text" class="span3" placeholder="6.382978723%">
+ <label>@fluidGridGutterWidth</label>
+ <input type="text" class="span3" placeholder="2.127659574%">
<h3>{{_i}}Typography{{/i}}</h3>
<label>@baseFontSize</label>
<input type="text" class="span3" placeholder="13px">
<td>20px</td>
</tr>
<tr>
- <td><code>@siteWidth</code></td>
- <td><code>(@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1))</code></td>
+ <td><code>@fluidGridColumnWidth</code></td>
+ <td>6.382978723%</td>
+ </tr>
+ <tr>
+ <td><code>@fluidGridGutterWidth</code></td>
+ <td>2.127659574%</td>
</tr>
</tbody>
</table>