add delimiter to rem units on site index page
This commit is contained in:
parent
4daf69a02b
commit
259fddc9b3
16
index.html
16
index.html
@ -236,16 +236,16 @@
|
||||
<div class="docs-example">
|
||||
<div class="row">
|
||||
<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>
|
||||
</div>
|
||||
<div class="six columns">
|
||||
<h1>Heading<span class="heading-font-size"> <code><h1></code> 50rem</span></h1>
|
||||
<h2>Heading<span class="heading-font-size"> <code><h2></code> 42rem</span></h2>
|
||||
<h3>Heading<span class="heading-font-size"> <code><h3></code> 36rem</span></h3>
|
||||
<h4>Heading<span class="heading-font-size"> <code><h4></code> 30rem</span></h4>
|
||||
<h5>Heading<span class="heading-font-size"> <code><h5></code> 24rem</span></h5>
|
||||
<h6>Heading<span class="heading-font-size"> <code><h6></code> 15rem</span></h6>
|
||||
<h1>Heading<span class="heading-font-size"> <code><h1></code> 5.0rem</span></h1>
|
||||
<h2>Heading<span class="heading-font-size"> <code><h2></code> 4.2rem</span></h2>
|
||||
<h3>Heading<span class="heading-font-size"> <code><h3></code> 3.6rem</span></h3>
|
||||
<h4>Heading<span class="heading-font-size"> <code><h4></code> 3.0rem</span></h4>
|
||||
<h5>Heading<span class="heading-font-size"> <code><h5></code> 2.4rem</span></h5>
|
||||
<h6>Heading<span class="heading-font-size"> <code><h6></code> 1.5rem</span></h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -662,4 +662,4 @@
|
||||
<!-- End Document
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
Loading…
Reference in New Issue
Block a user