updated le docs to include note about topbar and padding on box (issue #86) and add snippet about @basefont and @baseline to type section

This commit is contained in:
Mark Otto 2011-08-25 23:25:21 -07:00
parent ab77d7abd3
commit 74a18b341c
1 changed files with 27 additions and 24 deletions

View File

@ -303,8 +303,10 @@
<!-- Headings & Paragraph Copy -->
<div class="row">
<div class="span4 columns">
<h2>Headings and copy</h2>
<h2>Headings &amp; copy</h2>
<p>A standard typographic hierarchy for structuring your webpages.</p>
<p>The entire typographic grid is based on two Less variables in our preboot.less file: <code>@basefont</code> and <code>@baseline</code>. The first is the base font-size used throughout and the second is the base line-height.</p>
<p>We use those variables, and some math, to create the margins, paddings, and line-heights of all our type and more.</p>
</div>
<div class="span4 columns">
<h1>h1. Heading 1</h1>
@ -925,7 +927,7 @@
</div>
</div><!-- /fill -->
</div><!-- /topbar -->
</div> <!-- topbar-wrapper -->
</div><!-- /topbar-wrapper -->
<div class="row">
<div class="span5 columns">
@ -941,6 +943,7 @@
<p>As part of the main navigation, weve included the ability for you to add dropdowns to your nav. Check out the secondary nav above (right aligned) to see how its done.</p>
</div>
</div>
<p><strong>Note:</strong> When using the topbar on any page, be sure to account for the overlap it causes by adding <code>padding-top: 40px;</code> to your <code>body</code>.</p>
<br />