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