// TOOLTIP // ------= .tooltip { position: absolute; z-index: $zindexTooltip; display: block; visibility: visible; padding: 5px; font-size: 11px; @include bootstrap-opacity(0); &.in { @include bootstrap-opacity(80); } &.top { margin-top: -2px; } &.right { margin-left: 2px; } &.bottom { margin-top: 2px; } &.left { margin-left: -2px; } &.top .tooltip-arrow { @include bootstrap-popoverArrow-top(); } &.left .tooltip-arrow { @include bootstrap-popoverArrow-left(); } &.bottom .tooltip-arrow { @include bootstrap-popoverArrow-bottom(); } &.right .tooltip-arrow { @include bootstrap-popoverArrow-right(); } } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: $white; text-align: center; text-decoration: none; background-color: $black; @include bootstrap-border-radius(4px); } .tooltip-arrow { position: absolute; width: 0; height: 0; }