Adding basic multiline hints

this is my attempt to provide multiline hints - its pretty basic but I am using it my own project and  it works ok.  It  could use improvement like being able to combine `hint--left` and `hint--bottom` to get finer control over where the hint appears, but its a start...

example usage

	<span class="hint--left hint--multiline"
		  data-hint="...">

or

	<span class="hint--left hint--multiline--data"
		  data-hint-width="100px"
		  data-hint="...">

I am not sure about the naming of the `hint--multiline--data` or `data-hint-width` but it should at least show you what I am thinking.

To position the multi-line hint below the source element, add `hint--below` (this only works with `hint--left` and `hint--right`).

	<span class="hint--left hint--multiline hint--below"
		  data-hint="...">