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:
parent
ab77d7abd3
commit
74a18b341c
|
@ -303,8 +303,10 @@
|
||||||
<!-- Headings & Paragraph Copy -->
|
<!-- Headings & Paragraph Copy -->
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="span4 columns">
|
<div class="span4 columns">
|
||||||
<h2>Headings and copy</h2>
|
<h2>Headings & copy</h2>
|
||||||
<p>A standard typographic hierarchy for structuring your webpages.</p>
|
<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>
|
||||||
<div class="span4 columns">
|
<div class="span4 columns">
|
||||||
<h1>h1. Heading 1</h1>
|
<h1>h1. Heading 1</h1>
|
||||||
|
@ -925,7 +927,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div><!-- /fill -->
|
</div><!-- /fill -->
|
||||||
</div><!-- /topbar -->
|
</div><!-- /topbar -->
|
||||||
</div> <!-- topbar-wrapper -->
|
</div><!-- /topbar-wrapper -->
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="span5 columns">
|
<div class="span5 columns">
|
||||||
|
@ -941,6 +943,7 @@
|
||||||
<p>As part of the main navigation, we’ve included the ability for you to add dropdowns to your nav. Check out the secondary nav above (right aligned) to see how it’s done.</p>
|
<p>As part of the main navigation, we’ve included the ability for you to add dropdowns to your nav. Check out the secondary nav above (right aligned) to see how it’s done.</p>
|
||||||
</div>
|
</div>
|
||||||
</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 />
|
<br />
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue