(master): Add documentation

Author: Joe Crick

index.html

@@ -704,6 +704,17 @@ <h2 class="content-subhead">Tooltip</h2>
                             <p>All around the mulberry bush, the Plunky chased the Sneezle</p>
                         </div>
                     </div>
+
+<div style="background: #ffffff; overflow:auto;width:auto;border:solid gray;border-width:.1em .1em .1em .8em;padding:.2em .6em;"><pre style="margin: 0; line-height: 125%">
+&lt;div class=<span style="color: #a31515">&quot;tooltip&quot;</span>&gt;
+    &lt;span class=<span style="color: #a31515">&quot;tooltip-target&quot;</span>&gt;Hover Me.&lt;/span&gt;
+    &lt;div class=<span style="color: #a31515">&quot;tooltip-body&quot;</span>&gt;
+        &lt;p&gt;All around the mulberry bush, the Plunky chased the Sneezle&lt;/p&gt;
+    &lt;/div&gt;
+&lt;/div&gt;
+</pre></div>
+
+
                 </div>
 
                 <div class="footer">

main.css

@@ -2,7 +2,6 @@
 
 .tooltip {
   display: inline-block;
-  position: absolute;
 
   @media @small-device {
     min-width: 0;

main.css.map

@@ -25,9 +25,14 @@ body {
     border: 1px solid green;
   }
 
-  .tooltip-body {
-    margin-top: -100px;
-    margin-left: 100px;
+  .tooltip {
+    margin-bottom: 30px;
+
+    .tooltip-body {
+      margin-top: -90px;
+      margin-left: 100px;
+    }
+
   }
 
 }