Merge branch 'master' of https://github.com/Spiderpig86/Cirrus

docs/font/index.html

@@ -71,7 +71,7 @@ <h6 class="title">Cirrus</h6>
 
     <section class="padtop" id="started">
         <div class="content">
-            <h3>Font</h3>
+            <h3><a href="./index.html#started" class="doc-link btn-tooltip tooltip-left" data-tooltip="Click to copy">#</a>Font</h3>
             <div class="divider"></div>
             <p><b>Cirrus</b> incorporates beautiful typography to make your website stand out from the rest. Nunito Sans, by <a href="http://sansoxygen.com/" class="u u-LR"><b>Vernon Adams</b></a> is chosen for the default typography for most elements such as <code>paragraphs</code>, <code>articles</code>, <code>blockquotes</code>, and more while Montserrat adds a bold but elegant touch to titles. The <code>font-size</code> have been converted to rems which is independent of the font sizes of the parent elements. The default is set to 1rem (16px) where each interval of rem is 16 pixels.
 
@@ -92,9 +92,9 @@ <h6>Sample paragraph with title, subtitle, and text:</h6>
 
     </section>
 
-    <section class="padtop">
+    <section class="padtop" id="headings">
         <div class="content">
-            <h3>Headings</h3>
+            <h3><a href="./index.html#headings" class="doc-link btn-tooltip tooltip-left" data-tooltip="Click to copy">#</a>Headings</h3>
             <div class="divider"></div>
             <p>Cirrus styles the standard header tags <code>h1, h2, h3, h4, h5, h6</code> with font sizes ranging from <code>4rem</code> to <code>1rem</code> where each <code>rem</code> is <code>16px</code>. Cirrus allows you to choose between two fonts: <code>Montserrat</code> and <code>Nunito Sans</code> by specifying the font weight of the headers. Simply add the <code>light</code> class to your headings to use <code>Nunito Sans</code> and leave it as is to use <code>Montserrat</code>.</p>
             <div class="row">
@@ -163,9 +163,9 @@ <h6 class="light uppercase">this is h6<span class="desc"><code>h6</code>1rem (12
         </div>
     </section>
 
-    <section class="padtop">
+    <section class="padtop" id="blockquotes">
         <div class="content">
-            <h3>Blockquotes</h3>
+            <h3><a href="./index.html#blockquotes" class="doc-link btn-tooltip tooltip-left" data-tooltip="Click to copy">#</a>Blockquotes</h3>
             <div class="divider"></div>
             <p>Blockquotes are beatifully designed to help you cite from other sources.</p>
             <div class="row level">
@@ -183,9 +183,9 @@ <h3>Blockquotes</h3>
         </div>
     </section>
 
-    <section class="padtop">
+    <section class="padtop" id="typesetting">
         <div class="content">
-            <h3>Here's some sample text</h3>
+            <h3><a href="./index.html#typesetting" class="doc-link btn-tooltip tooltip-left" data-tooltip="Click to copy">#</a>Typesetting</h3>
             <div class="divider"></div>
             <div class="row">
                 <h6>Paragraph</h6>
@@ -204,9 +204,9 @@ <h6>Article</h6>
         </div>
     </section>
 
-    <section class="padtop">
+    <section class="padtop" id="transformations">
         <div class="content">
-            <h3>Text Transformations</h3>
+            <h3><a href="./index.html#transformations" class="doc-link btn-tooltip tooltip-left" data-tooltip="Click to copy">#</a>Text Transformations</h3>
             <div class="divider"></div>
             <p>Cirrus comes with a ton of ways to customize your text ranging from changing font weights to changing font styles.</p>
             <h6>Font weights:</h6>
@@ -263,9 +263,9 @@ <h6>Font weights:</h6>
         </div>
     </section>
 
-    <section class="padtop">
+    <section class="padtop" id="font_awesome">
         <div class="content">
-            <h3>Font Awesome</h3>
+            <h3><a href="./index.html#font_awesome" class="doc-link btn-tooltip tooltip-left" data-tooltip="Click to copy">#</a>Font Awesome</h3>
             <div class="divider"></div>
             <p>Using Font Awesome? Cirrus's got you covered with a bunch of font-sizes to help your glyphs fit within any component. Cirrus makes sure that each glyph is rendered correctly by setting the font sizes to base 7 since those glyphs preserve aspect ratios at those font sizes.</p>
             <div class="row level">
@@ -340,9 +340,9 @@ <h3>Font Awesome</h3>
         </div>
     </section>
 
-    <section class="padtop">
+    <section class="padtop" id="misc">
         <div class="content">
-            <h3>Misc.</h3>
+            <h3><a href="./index.html#misc" class="doc-link btn-tooltip tooltip-left" data-tooltip="Click to copy">#</a>Misc.</h3>
             <div class="divider"></div>
             <p>Along with all the features above, Cirrus also has some smaller features that didn't quite make it on those lists but still deserve a mention.</p>
 
@@ -440,7 +440,7 @@ <h3>Misc.</h3>
 
     <section id="textele">
         <div class="content">
-            <h3>Other Text Elements</h3>
+            <h3><a href="./index.html#textele" class="doc-link btn-tooltip tooltip-left" data-tooltip="Click to copy">#</a>Other Text Elements</h3>
             <div class="divider"></div>
             <p>Some other text elements.</p>
             <div class="row">