add delimiter to rem units on site index page

This commit is contained in:
Rakhat Jabagin 2016-03-29 15:56:23 +06:00
parent 4daf69a02b
commit 259fddc9b3

View File

@ -236,16 +236,16 @@
<div class="docs-example"> <div class="docs-example">
<div class="row"> <div class="row">
<div class="six columns"> <div class="six columns">
<p><strong>The typography base</strong> is <a href="http://www.google.com/fonts/specimen/Raleway">Raleway</a> served by Google, set at 15rem (15px) over a 1.6 line height (24px). Other type basics like <a href="#">anchors</a>, <strong>strong</strong>, <em>emphasis</em>, and <u>underline</u> are all obviously included.</p> <p><strong>The typography base</strong> is <a href="http://www.google.com/fonts/specimen/Raleway">Raleway</a> served by Google, set at 1.5rem (15px) over a 1.6 line height (24px). Other type basics like <a href="#">anchors</a>, <strong>strong</strong>, <em>emphasis</em>, and <u>underline</u> are all obviously included.</p>
<p><strong>Headings</strong> create a family of distinct sizes each with specific <code>letter-spacing</code>, <code>line-height</code>, and <code>margins</code>.</p> <p><strong>Headings</strong> create a family of distinct sizes each with specific <code>letter-spacing</code>, <code>line-height</code>, and <code>margins</code>.</p>
</div> </div>
<div class="six columns"> <div class="six columns">
<h1>Heading<span class="heading-font-size"> <code>&lt;h1&gt;</code> 50rem</span></h1> <h1>Heading<span class="heading-font-size"> <code>&lt;h1&gt;</code> 5.0rem</span></h1>
<h2>Heading<span class="heading-font-size"> <code>&lt;h2&gt;</code> 42rem</span></h2> <h2>Heading<span class="heading-font-size"> <code>&lt;h2&gt;</code> 4.2rem</span></h2>
<h3>Heading<span class="heading-font-size"> <code>&lt;h3&gt;</code> 36rem</span></h3> <h3>Heading<span class="heading-font-size"> <code>&lt;h3&gt;</code> 3.6rem</span></h3>
<h4>Heading<span class="heading-font-size"> <code>&lt;h4&gt;</code> 30rem</span></h4> <h4>Heading<span class="heading-font-size"> <code>&lt;h4&gt;</code> 3.0rem</span></h4>
<h5>Heading<span class="heading-font-size"> <code>&lt;h5&gt;</code> 24rem</span></h5> <h5>Heading<span class="heading-font-size"> <code>&lt;h5&gt;</code> 2.4rem</span></h5>
<h6>Heading<span class="heading-font-size"> <code>&lt;h6&gt;</code> 15rem</span></h6> <h6>Heading<span class="heading-font-size"> <code>&lt;h6&gt;</code> 1.5rem</span></h6>
</div> </div>
</div> </div>
</div> </div>