// Rock Hammer by Stuff and Nonsense
// Version: <!-- $version -->
// URL: http://stuffandnonsense.co.uk/projects/rock-hammer/
// Version: <!-- $license -->
// Adapted from: https://github.com/twitter/bootstrap/blob/master/less/tooltip.less

.tooltip {
position : absolute;
z-index : 1000;
display : block;
visibility : visible;
@include font-size($tooltipfontsize);
line-height : $baselineheight;
@include opacity(0);

&.in     { @include opacity(80); }
&.top    { margin-top:  -3px; padding: 5px 0; }
&.right  { margin-left:  3px; padding: 0 5px; }
&.bottom { margin-top:   3px; padding: 5px 0; }
&.left   { margin-left: -3px; padding: 0 5px; }
}/*tooltip*/

.fade {
@include opacity(0);
@include transition(opacity $transitionduration linear); }

.fade.in {
@include opacity(1); }

.tooltip-inner {
max-width : 200px;
padding : $baselineheight / 2 $gutterwidth / 2;
background-color : $tooltipbackgroundcolor;
border-radius : $tooltipborderradius;
font-family : $tooltipfontfamily;
color : $tooltipcolor;
text-align : center;
text-decoration : none;
}/*tooltip-inner */

.tooltip-arrow {
position : absolute;
width : 0;
height : 0;
border-color : transparent;
border-style : solid; }

.tooltip {
&.top .tooltip-arrow {
bottom : 0;
left : 50%;
margin-left : -$tooltiparrowwidth;
border-width : $tooltiparrowwidth $tooltiparrowwidth 0;
border-top-color : $tooltiparrowcolor; }

&.right .tooltip-arrow {
top : 50%;
left : 0;
margin-top : -$tooltiparrowwidth;
border-width : $tooltiparrowwidth $tooltiparrowwidth $tooltiparrowwidth 0;
border-right-color : $tooltiparrowcolor; }

&.left .tooltip-arrow {
top : 50%;
right : 0;
margin-top : -$tooltiparrowwidth;
border-width : $tooltiparrowwidth 0 $tooltiparrowwidth $tooltiparrowwidth;
border-left-color : $tooltiparrowcolor; }

&.bottom .tooltip-arrow {
top : 0;
left : 50%;
margin-left : -$tooltiparrowwidth;
border-width : 0 $tooltiparrowwidth $tooltiparrowwidth;
border-bottom-color : $tooltiparrowcolor; }

}/*tooltip*/