Tooltips

Positioning

%a.tooltip.tooltip--top{"data-tooltip" => "Lorem ipsum dolor sit amet, consectetur adipisicing elit."} Top
%a.tooltip.tooltip--right{"data-tooltip" => "Lorem ipsum dolor sit amet, consectetur adipisicing elit."} Right
%a.tooltip.tooltip--bottom{"data-tooltip" => "Lorem ipsum dolor sit amet, consectetur adipisicing elit."} Bottom
%a.tooltip.tooltip--left{"data-tooltip" => "Lorem ipsum dolor sit amet, consectetur adipisicing elit."} Left
<a class='tooltip tooltip--top' data-tooltip='Lorem ipsum dolor sit amet, consectetur adipisicing elit.'>Top</a>
<a class='tooltip tooltip--right' data-tooltip='Lorem ipsum dolor sit amet, consectetur adipisicing elit.'>Right</a>
<a class='tooltip tooltip--bottom' data-tooltip='Lorem ipsum dolor sit amet, consectetur adipisicing elit.'>Bottom</a>
<a class='tooltip tooltip--left' data-tooltip='Lorem ipsum dolor sit amet, consectetur adipisicing elit.'>Left</a>