Initial tooltip component commit - #41

docs/v2/DEVLOG.md

@@ -772,3 +772,7 @@
 - Updated `breadcrumbs` component in the `utility` module to properly utilize the `ceil()` Sass function, so that no white line errors are shown, effectively fixing the only bug I managed to find with the component's presentation.
 - Updated `utility` module's `visually-hidden` to properly do its job.
 - First demo of the `tooltip` component. Works properly. Needs some tweaks to display a top and bottom variant, based on user choice.
+
+## 20170118
+
+- `tooltip` added to `contextual` module, minor changes to it, allows both top and `bottom` versions at the same time.

docs/v2/demo.html

@@ -153,7 +153,7 @@
 			</ul>
 		</div>
 		<style>
-			.tooltip {
+			/*.tooltip {
 				position: relative;
 				display: inline-block;
 			}
@@ -191,10 +191,10 @@
 				white-space: nowrap;
 				-webkit-transform: translateX(-50%);
 						transform: translateX(-50%);
-			}
+			}*/
 		</style>
 		<div class="col-md-offset-1">
-			<span class="tooltip" aria-label="This is some sample tooltip text">Show a tooltip while hovering</span><br /><br /><br />
+			<mark class="tooltip bottom" aria-label="This is some sample tooltip text">Show a tooltip while hovering</mark><br /><br /><br />
 		</div>
 	  </div>